jquery上传图片本地预览插件V1.2
v1.2
1.修复jquery版本高于1.9,插件报错BUG.
2.提供未压缩代码.
插件支持IE全系列 谷歌 火狐 等浏览器 注意:不支持safari
插件使用说明:
1.必须引用jquery插件,任意版本即可
2.插件使用需遵循以下规则:
1.给需要预览的img控件外增加一个DIV标签,用于IE预览(因:IE下是使用滤镜显示图片)
2.调用方法,可参考以下代码,具体使用查看demo.
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相关推荐
- 本地如何预览php文件上传,如何实现js上传图片本地预览同时支持预览截图的功能...
在项目中经常会用到js上传图片本地预览的效果,同时需要在预览图上直接预览截图的范围. 下面是我写的简单的demo,是用js结合cropper.js模拟实现此项前端的功能,后台则不考虑. 准备:引入文件 ...
- jQuery 图片放大预览插件
这个放大镜的代码挺简单滴效果也不错. <script> //QQ:496928838微凉 $(function(){ $("#demo").enlarge( { //鼠 ...
- jQuery图片上传前先在本地预览(不经过后端处理)
前段时间遇到一个问题,前端想实现图片上传预览(不经过后端PHP或JAVA处理),用户点击file按钮上传文件,点击确定马上就能看到预览的效果,但在实现的时候无论怎样都取不到file上图片的真实路径,得 ...
- 图片上传本地预览(回显)插件
图片上传本地预览插件,本示例只是静态页面,请下载完整的示例查看 请下载完整的js和css样式,以及Demo <html><title>文件上传</title>< ...
- 图片预览小窗口html,jQuery和css3超酷图片预览插件
这是一款使用css3和Velocity.js制作的jquery图片预览插件. 电子商务网站设计的宗旨是通过简化的设计提高用户体验,提高转化率也有一定的模式.另外一种模式是在需要的地方提供更多的信息来达 ...
- html ie8上传图片,图片上传本地预览兼容ie8
工作中遇到的,总结下来了,图片上传本地预览限制图片最大为2M 图片上传本地预览 #preview1{width:260px;height:190px;border:1px solid #000;ove ...
- 网页上传图片时,直接本地预览无需上传服务器
最近在做一个项目时遇到上图片需要预览功能,在做的时候我们在 服务器url预览 和 本地直接预览 两种方式中做了选择,最后敲定使用本地直接预览.原因是如果等到上传完毕之后再返回图片URL给用户预览,一旦 ...
- JavaScript上传图片及时预览
JavaScript上传图片及时预览 /*******************************正面图片上传预览开始****************************/ f ...
- ElementUI h5 移动端照片拍照 本地预览 旋转压缩 并上传
文章目录 调用摄像头拍照 本地预览 旋转压缩 上传 功能需求是移动端扫描二维码之后,跳转到在线网页进行自拍,然后上传拍照结果. 调用摄像头拍照 在h5中,使用input type="file ...
最新文章
- sklearn中的cross_val_score交叉验证
- wxWidgets:使用文本模板
- Unity中使用Attribute
- Element Table 可以实现哪些常见的有用的功能
- 前端学习(2893):导航组件的编写和属性技巧设置
- php三级栏目调用,织梦当前栏目调用二级、三级栏目且栏目高亮解决方法
- ★LeetCode(175)——组合两个表(MySQL)
- 面向对象的5条基本设计原则
- C语言练习题:算术入门之加减乘除(PTA)
- 华为手机解锁码快速申请方式
- 微信小程序富文本编辑器
- python报时功能_Python(PyS60)做的简单语音整点报时的实现 | 学步园
- PLC可编程控制实验装置及单片机综合实验台
- UE编辑器重要快捷键总结
- ecplise 设置代码自动提示功能
- Ubuntu14.04安装LSD-SLAM
- matlab来解决城市设计,Matlab的实际应用设计(经典).doc
- 如何清理windows server 2008 R2 中winsxs文件夹
- 谷歌浏览器如何开启暗黑模式
- route 命令使用详解
热门文章
- 程序员真实调查,工资真的高吗?反正我的不高
- IC公司认可的数字IC_FPGA设计课程
- echarts 地图迁徙 迁入迁出
- STM32单片机与Openmv的串口通信
- 【Spring】Spring AOP源码分析-导读(一)
- icloud 邮箱收发服务器,iCloud解决超大邮件问题
- Arduino接收航模遥控器RC接收机的PWM数据
- Infrastructure-Based Object Detection and Tracking for Cooperative Driving Automation: A Survey
- 人大金仓(Kingbase)数据库迁移——KDMS工具(人大金仓数据库迁移工具迁移失败可使用此方法)
- zabbix系列:解决zabbix模板不能重复链接到其它模板, 即使透过其它模板