位置: 编程技术 - 正文
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 图片
本文链接地址:https://www.jiuchutong.com/biancheng/385838.html 转载请保留说明！
![一个简单的后台与数据库交互的登录与注册[sql注入处理、以及MD5加密]](https://www.jiuchutong.com/image/20240129/1706493585.jpg)
