JavaScript - 图片预览,不上传图片进行本地预览
程序员文章站
2022-07-13 15:31:00
...
比如如下结构的文件选择
<div>
<input type="file" class="selectFile">
<img src="">
</div>
监听文件选择的input的change事件,通过父div取得兄弟img
通过URL.createObjectURL(file) 获取file的地址,赋值给<img>的src即可实现本地预览图片
<script>
$(function(){
$(".selectFile").change(function(){
$(this).parent().children("img")
.attr("src",URL.createObjectURL($(this)[0].files[0]));
});
});
</script>
上一篇: 动态改变QSS