上传图片文件时,有时需要预加载。
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容
使用 File 或 Blob 对象指定要读取的文件或数据。
readAsDataURL 方法会读取指定的 Blob 或 File 对象
其中result 属性将包含一个 data:URL格式的字符串(base64编码)(表示所读取文件的内容)
reader.onload事件在读取操作完成时触发。
<body>
<input type="file" id="file" name="img_url"/>
<img class="readimg" src="" />
</body>
<script type="text/javascript">
$('input[name=img_url]').change(function(){
var file = this.files[0]
var reader = new FileReader();
reader.readAsDataURL(file)
reader.onload=function(e){
$('.readimg').attr('src', this.result)
}
})
</script>