分享我写的上传图片本地预览插件

[「已注销」]

uploadPreview.js
支持IE7-IE10 谷歌 火狐 等浏览器
基于JQUERY扩展,需要引用JQUERY库。
使用方法:

<div>
        <img id="ImgPr" width="120" height="120" /></div>
    <input type="file" id="up" />

把需要进行预览的IMG标签外 套一个DIV 然后给上传控件ID给予uploadPreview事件

$("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }});  

简单 方便 上传图片本地预览 一步搞定
演示地址:http://jquery.decadework.com
下载地址:http://jquery.decadework.com/plugin/uploadPreview.zip

[「已注销」]

引用 71 楼 j44917862 的回复:

用其他的按钮触发文件上传按钮的点击事件 在IE下出现兼容性问题 求解！

IE内核下 不能隐藏上传按钮的 你用浮动 left top属性隐藏 -2000px

[qq_22916697]

已收藏，顶楼主！

[sihuijiaoyang]

为什么手机上不行呢？

[取个好听名字的真难]

好家伙啊，很实用啊，呵呵

[hjh0301]

楼主 火狐第一次上传不显示图片的问题 怎么解决的？

[「已注销」]

引用 76 楼 u012080409 的回复:

楼主 火狐第一次上传不显示图片的问题 怎么解决的？

经测试火狐下没有问题

[「已注销」]

引用 74 楼 sihuijiaoyang 的回复:

为什么手机上不行呢？

经测试 支持手机

[「已注销」]

引用 73 楼 qq_22916697 的回复:

已收藏，顶楼主！

感谢支持

[daber123]

顶楼主

[lanfengyu28]

谢谢楼主，要是能讲解一下原理就更好了~

[qq_27746661]

楼主，我是菜鸟，报错了不晓得为啥。。

[sinat_28095555]

我是新手,学习学习

[javaliu1]

可以上传多张图片？

[「已注销」]

引用 84 楼 javaliu1 的回复:

可以上传多张图片？

自己改

[u013165624]

我的火狐浏览器不支持啊，求解决方法……

[_yys_yys_]

我一直在找兼容i6的图片上传预览，在我准备放弃的时候看到这个，好感动

[ouzhijian]

据说每日 一挺会有10分？

[_yys_yys_]

图片上传预览的兼容性没什么问题，但是，我想问下楼主，我把你的 js 文件中的URL放在全局中，我在页面想要获得上传图片URL的blob，为什么在IE9以下（包括IE9）获的URL都为 null ？

[_yys_yys_]

引用 89 楼 mengxingchukai 的回复:

图片上传预览的兼容性没什么问题，但是，我想问下楼主，我把你的 js 文件中的URL放在全局中，我在页面想要获得上传图片URL的blob，为什么在IE9以下（包括IE9）获的URL都为 null ？

突然发现blob是IE10新增的功能。。。

[「已注销」]

引用 90 楼 mengxingchukai 的回复:

[quote=引用 89 楼 mengxingchukai 的回复:] 图片上传预览的兼容性没什么问题，但是，我想问下楼主，我把你的 js 文件中的URL放在全局中，我在页面想要获得上传图片URL的blob，为什么在IE9以下（包括IE9）获的URL都为 null ？

突然发现blob是IE10新增的功能。。。[/quote] 发现了就好