图片上传实现图片实时在线预览

最新推荐文章于 2022-07-22 00:00:00 发布

银河系银桑

最新推荐文章于 2022-07-22 00:00:00 发布

阅读量394

点赞数

分类专栏： JS HTML 文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_40293364/article/details/108153013

版权

JS 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

HTML

1 篇文章 0 订阅

订阅专栏

图片上传之前实现图片在线预览

<div class="form_group" style="height:120px">
<label>大图：</label>
<img id="imgBigIMG" src="" height="110" width="110"  />
<a href="javascript:void(0);" class="a-upload" style="height:25px;margin-left:15px;">
<input id="fileBigIMG" name="BIG_IMG" type="file" accept="image/gif,  image/jpeg,image/x-png" onchange="changePic(this)"/>上传文件
   </a>
<script>
function changePic() {
    var reads = new FileReader();
    var imgPath = document.getElementById('fileBigIMG').files[0];
    reads.readAsDataURL(imgPath);
    reads.onload = function()
        document.getElementById('imgBigIMG').src = reads.result;
}
</script>