<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 API
var 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/*" οnchange="changImg(event)" >
<img alt="再无图片" id="myImg" src="" height="100px",width="100px">
</form>
js file选择图片后回显 方法
最新推荐文章于 2024-08-14 17:30:52 发布