js file选择图片后回显 方法

来源:互联网 发布:怎么样投诉淘宝客服 编辑:程序博客网 时间:2024/06/05 04:19
<script type="text/javascript">     function changImg(e){for (var i = 0; i < e.target.files.length; i++) {var file = e.target.files.item(i);if (!(/^image\/.*$/i.test(file.type))) {continue; //不是图片 就跳出这一次循环}//实例化FileReader APIvar freader = new FileReader();freader.readAsDataURL(file);freader.onload = function(e) {$("#myImg").attr("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>


0 0
原创粉丝点击