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>