对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="对FileReader的运用"/>');}});});?
原来最后的this.result这个result是一个固定的属性啊。哈哈