js实现input类型file实现图片本地显示(非上传后显示)

js实现input类型file实现图片本地显示(非上传后显示)

<script type="text/javascript">
function changImg(e){
    for (var i = 0; i < e.target.files.length; i++) {
        var file = e.target.files[i];
        if (!(/^image\/.*$/i.test(file.type))) {
            continue; //不是图片 就跳出这一次循环
        }
        //实例化FileReader API
        var freader = new FileReader();
        freader.readAsDataURL(file);
        freader.onload = function(e){
            document.getElementById('myImg').src = e.target.result;
        }
    }
}
</script>
  
使用方式:  
<form action="">
   <input type="file" name="files" accept="image/*" onchange="changImg(event)" >
   <img alt="再无图片" id="myImg" src="" height="100px",width="100px">
</form>