v1.2
 1.修复jquery版本高于1.9,插件报错BUG.
 2.提供未压缩代码.

插件支持IE全系列  谷歌 火狐 等浏览器 注意:不支持safari

插件使用说明:
1.必须引用jquery插件,任意版本即可
2.插件使用需遵循以下规则:
   1.给需要预览的img控件外增加一个DIV标签,用于IE预览(因:IE下是使用滤镜显示图片)
   2.调用方法,可参考以下代码,具体使用查看demo.

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

3.IE下上传控件需要通过另外一个按钮触发时,上传控件不能隐藏 只能使用CSS浮动后,Top:-2000px (因:IE获取图片路径 需要进行选中)
3.使用插件,请保留版权,免费给我做个宣传,感谢亲们!(最近在百度发现有人把我插件拿去后,更改版权 然后再次发布 我只能说 亲 做人要有点出息)

另:该版本发布比较急,如有问题,请跟帖回复!或联系QQ(插件里有)
     我在演示网站 增加了一个多图片上传插件实例 随便写的 没经过优化精简 给你们参考一下

简单 方便 上传图片本地预览 一步搞定

演示网站: http://jquery.decadework.com/ (有提供 多图片上传插件实例)
下载地址: http://jquery.decadework.com/plugin/uploadPreview.zip

V1.1版本地址:http://bbs.csdn.net/topics/390635949

jquery上传图片本地预览插件V1.2相关推荐

  1. 本地如何预览php文件上传,如何实现js上传图片本地预览同时支持预览截图的功能...

    在项目中经常会用到js上传图片本地预览的效果,同时需要在预览图上直接预览截图的范围. 下面是我写的简单的demo,是用js结合cropper.js模拟实现此项前端的功能,后台则不考虑. 准备:引入文件 ...

  2. jQuery 图片放大预览插件

    这个放大镜的代码挺简单滴效果也不错. <script> //QQ:496928838微凉 $(function(){ $("#demo").enlarge( { //鼠 ...

  3. jQuery图片上传前先在本地预览(不经过后端处理)

    前段时间遇到一个问题,前端想实现图片上传预览(不经过后端PHP或JAVA处理),用户点击file按钮上传文件,点击确定马上就能看到预览的效果,但在实现的时候无论怎样都取不到file上图片的真实路径,得 ...

  4. 图片上传本地预览(回显)插件

    图片上传本地预览插件,本示例只是静态页面,请下载完整的示例查看 请下载完整的js和css样式,以及Demo <html><title>文件上传</title>< ...

  5. 图片预览小窗口html,jQuery和css3超酷图片预览插件

    这是一款使用css3和Velocity.js制作的jquery图片预览插件. 电子商务网站设计的宗旨是通过简化的设计提高用户体验,提高转化率也有一定的模式.另外一种模式是在需要的地方提供更多的信息来达 ...

  6. html ie8上传图片,图片上传本地预览兼容ie8

    工作中遇到的,总结下来了,图片上传本地预览限制图片最大为2M 图片上传本地预览 #preview1{width:260px;height:190px;border:1px solid #000;ove ...

  7. 网页上传图片时,直接本地预览无需上传服务器

    最近在做一个项目时遇到上图片需要预览功能,在做的时候我们在 服务器url预览 和 本地直接预览 两种方式中做了选择,最后敲定使用本地直接预览.原因是如果等到上传完毕之后再返回图片URL给用户预览,一旦 ...

  8. JavaScript上传图片及时预览

    JavaScript上传图片及时预览 /*******************************正面图片上传预览开始****************************/         f ...

  9. ElementUI h5 移动端照片拍照 本地预览 旋转压缩 并上传

    文章目录 调用摄像头拍照 本地预览 旋转压缩 上传 功能需求是移动端扫描二维码之后,跳转到在线网页进行自拍,然后上传拍照结果. 调用摄像头拍照 在h5中,使用input type="file ...

最新文章

  1. sklearn中的cross_val_score交叉验证
  2. wxWidgets:使用文本模板
  3. Unity中使用Attribute
  4. Element Table 可以实现哪些常见的有用的功能
  5. 前端学习(2893):导航组件的编写和属性技巧设置
  6. php三级栏目调用,织梦当前栏目调用二级、三级栏目且栏目高亮解决方法
  7. ★LeetCode(175)——组合两个表(MySQL)
  8. 面向对象的5条基本设计原则
  9. C语言练习题:算术入门之加减乘除(PTA)
  10. 华为手机解锁码快速申请方式
  11. 微信小程序富文本编辑器
  12. python报时功能_Python(PyS60)做的简单语音整点报时的实现 | 学步园
  13. PLC可编程控制实验装置及单片机综合实验台
  14. UE编辑器重要快捷键总结
  15. ecplise 设置代码自动提示功能
  16. Ubuntu14.04安装LSD-SLAM
  17. matlab来解决城市设计,Matlab的实际应用设计(经典).doc
  18. 如何清理windows server 2008 R2 中winsxs文件夹
  19. 谷歌浏览器如何开启暗黑模式
  20. route 命令使用详解

热门文章

  1. 程序员真实调查,工资真的高吗?反正我的不高
  2. IC公司认可的数字IC_FPGA设计课程
  3. echarts 地图迁徙 迁入迁出
  4. STM32单片机与Openmv的串口通信
  5. 【Spring】Spring AOP源码分析-导读(一)
  6. icloud 邮箱收发服务器,iCloud解决超大邮件问题
  7. Arduino接收航模遥控器RC接收机的PWM数据
  8. Infrastructure-Based Object Detection and Tracking for Cooperative Driving Automation: A Survey
  9. 人大金仓(Kingbase)数据库迁移——KDMS工具(人大金仓数据库迁移工具迁移失败可使用此方法)
  10. zabbix系列:解决zabbix模板不能重复链接到其它模板, 即使透过其它模板