html5接口 FileReader()对象

此接口用于读取文件，与<input type="file">并用

//用FileReader()的readAsDataURL()方法去读取图像

使用例子：

<input id ="img" type="file" />

<div><img id="result" /></div>

$("#img").change(function(e){

var  imgReader = new FileReader();

var img = e.target;//获取事件触发后的dom对象（添加图片了的input标签）

imgReader.onload=function(){

var url = this.result;//file对象加载时解析url,获取URL

$("#result").attr("src",url); //将url赋给result图像标签

};

imgReader.readAsDataURL(img.files[0]);//以readAsDataURL方法显示图片

});