jQuery实现input file选择图片后,可以预览图片的效果
HTML代码:
<div>
<img src="" id="imgs">
</div>
<input type="file" id="imgInput">jQuery代码:
$("#imgInput").change(function(){
$("#imgs").attr("src",URL.createObjectURL($(this)[0].files[0]));
});注:jQuery元素和DOM元素之间的转换
本文介绍了一种使用jQuery实现在HTML页面上选择图片后立即预览效果的方法。通过简单的HTML结构配合jQuery代码,能够轻松实现文件输入框选择图片后的即时预览功能。
2432

被折叠的 条评论
为什么被折叠?



