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

//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>

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