jquery上传图片本地预览插件V1.2

原创 2016年05月31日 19:56:09
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
版权声明:本文欢迎转载!

Bootstrap框架----单张图片上传实现---Uploadify插件

框架搭建我们在之前的文章中已经实现了 单张图片的上传,使用的是最基本的 File类型的input提交的方式,上传到远程静态资源器和七牛云。之前的文章关注的地方 主要是后端,也就是图片上传保存到哪里:上...
  • q383965374
  • q383965374
  • 2017年06月15日 16:45
  • 1594

jQuery图片预览插件imgPreview

简介 通过imgPreview插件来实现鼠标移动到图片或者文字链接的上来实现图片预览的功能。链接一定要为图片才可以显示。 预览大图可以通过css来更改宽度,改变预览图片的大小。 ...
  • cddcj
  • cddcj
  • 2016年12月05日 17:54
  • 6270

一个好用的jquery多图片上传插件

  • 2016年05月24日 18:59
  • 903KB
  • 下载

jquery.fileupload.js插件使用初探--多图片上传预览

一、前台代码: jquery.fileupload.js使用测试 .bar { mar...
  • smm188
  • smm188
  • 2016年02月26日 14:28
  • 3487

html5以及jQuery实现本地图片上传前的预览

html5与jQuery实现预览本地图片
  • YQXLLWY
  • YQXLLWY
  • 2016年09月08日 13:33
  • 8457

适用于各浏览器支持图片预览,无刷新异步批量上传js插件(2)

之前写的这个上传插件,同事们都觉得还不错,不过都觉得还不够完美,于是用了些业余时间将它再次优化 以前在上传的时候虽然可以多文件上传,但其实是将所有文件都放到一个form里面同时提交的,这样就造成一个问...
  • sq111433
  • sq111433
  • 2013年11月21日 23:12
  • 68585

jquery上传图片预览插件

  • 2011年09月14日 17:33
  • 73KB
  • 下载

input file上传图片预览(查看图片大小,类型,名字)------------------------------自己动手写jQuery插件

最简单的实现方法: div.imger { width: 182px; height: 142px; border: 1px solid ...
  • cometwo
  • cometwo
  • 2016年06月02日 17:13
  • 3043

JQuery Uploadify v3.2.1 上传图片并预览(基于spring mvc框架开发)

http://blog.csdn.net/java0311/article/details/44885933 Controller后台处理: [java] view ...
  • haluoluo211
  • haluoluo211
  • 2016年07月29日 21:17
  • 386

JQuery Uploadify v3.2.1 上传图片并预览(基于spring mvc框架开发)

Controller后台处理: package com.news.controller; import java.io.File; import java.io.FileInputStream; i...
  • chuan9966
  • chuan9966
  • 2015年04月05日 09:59
  • 1692
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery上传图片本地预览插件V1.2
举报原因:
原因补充:

(最多只允许输入30个字)