利用filereader实现在线预览图片功能

利用filereader实现在线预览图片功能

// html 部分
<img src="xxx.jpg" alt="" id="imgShow"/>
<input id="showImg" type="file" name="myPhoto" />

//js 文件如下
<script type="text/javascript">
document.getElementById('showImg').onchange=function(evt){
var render = new FileReader(),ofile = evt.target.files[0];
render.onload=function(){
let src = render.result ||'xxx.jpg';
document.getElementById('imgShow').src=src;
}
render.readAsDataURL(ofile)
}
</script>