对FileReader的使用

今天试了html5对于文件的操作发现了一个问题。

/**
 * 对FileReader接口操作
 */
$(function(){
	if(typeof FileReader=='undefined'){
		$('#readfileresult').html("抱歉，你的浏览器不支持FileReader,请使用FireFox3.6+或者Chrome 6.0+");
		$('#file').attr("disabled",'disabled');
	}else{
		$('#readfileresult').html("恭喜，你的浏览器支持FileReader");
	}
	
	//读取图片文件
	$('#readpicture').click(function(){
		var file=document.getElementById("file").files[0];
		if(!/image\/\w+/.test(file.type)){
			jAlert('请确保文件是图片类型', '信息提示');
			return false;
		}
		var reader=new FileReader();
		//将文件以Data URL形式读入页面
		reader.readAsDataURL(file);
		reader.onload=function(e){
			var readfileresult=document.getElementById("readfileresult");
			$('#readfileresult').html('<img src="'+this.result+'" alt=""/>');
		}
	});
});

 

原来最后的this.result这个result是一个固定的属性啊。哈哈