H5新增了FileReader对象,该对象允许Web应用程序异步读取存储在用户计算机上的文件内容,构造函数为FileReader(),它返回一个新构造的FileReader实例。
实例拥有一个名为readAsDataURL 的方法,该方法会读取指定的 Blob或 File对象。
一旦读取完成,会触发onload事件。该事件的result属性将包含一个data:URL格式的字符串(base64编码) ,进而实现图片预览。
HTML
1 | <input type="file" id="choose" value="选择文件"> |
JS
1 | var btn = document.getElementById('choose'), |