js 图片上传

原文链接：https://www.cnblogs.com/anni1107/p/7776990.html

简单的jQuery实现input file选择图片后，可以预览图片的效果

简单的HTML代码：

1 2 3 4 5

<div> <img src="" class="img"> div>   <input type="file" class="imgInput">

　　注：img就是用来显示预览图片的

然后就是jQuery代码，很简单

1 2 3

$(".imgInput").change(function(){     $(".img").attr("src",URL.createObjectURL($(this)[0].files[0])); });

　　然后就实现了选择图片后可以预览图片的效果了

其中需要注意的是使用的是DOM元素，jQuery元素和DOM元素之间的转换