位置: 编程技术 - 正文
jquery实现图片上传前本地预览功能(jquery 图片)
编辑：rootadmin推荐整理分享jquery实现图片上传前本地预览功能(jquery 图片)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery 图片,jquery图片上传,jquery 图片插件,jquery图片上传,jquery 图片插件,jquery显示图片,jquery图片上传,jquery添加图片,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例为大家分享了jquery实现图片上传前预览的具体代码，供大家参考，具体内容如下介绍之前有一个小问题，一直找不到图片预览时，图片不出来的原因，原来在于图片的路径！！！一直写的是图片的本地路径，没有什么用。直接上代码。
html部分：
input:file事件是上传类型 较常用的属性值如下： accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 若要支持所有图片格式，则写 * 即可。 multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径
input:file的样式是不变的，所以若要改变它的样式，首先将它隐藏。display:none;
CSS部分： 因为做的是一个圆形的头像，所以对图片样式先进行定义。
jQuery部分：
运行结果如下：
更多精彩内容，请点击《jQuery上传操作汇总》，《ajax上传技术汇总》进行深入学习和研究。
上一篇：基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
下一篇：jQuery的Each比JS原生for循环性能慢很多的原因(jquery中的each方法)