一个input的file标签上传图片的时候只能看见他的名字，而看不见图片，通过jquery可以预览要上传的照片。
工具/原料
1
一个html编译器
2
jquery包
方法/步骤
1
首先创建页面，并为你要上传的图片进行预先设置，有利于排版，如下图。
2
这里将贴上源码的载图
3
这时候添加jquery的包，和编写jquery方法，就能实现图片预览
解释
1
html代码片段中并没有什么可圈可点的，script下的$('#imgs').change(），这个就是当imgs被选中的时候执行这个事件。
2
getObjectURL这个方法将判断浏览器的类型，再将file的内存地址赋值到变量中，并返回。
3
console.log这个方法是用来在调试中查看信息的，相当于alert。而$('#img0').attr('src', objUrl);这个是将地址赋值到img标签中。
注意事项
1
ID的取值要仔细，不能弄错
2
查看jquery是否忘记‘；’或者‘}’
下一篇：无法访问相册中照片怎么解决