上传图片预览,支持IE6、IE7、IE8、IE9、IE10、IE11。 火狐、Chrome 具体没有测试,但是高版本都支持。
imgPreviewQs.js
/*! 依赖 jQuery 1.5.2 (c) 2016 license: http://www.opensource.org/licenses/mit-license.php */ (function($){ $.fn.imgPreviewQs = function(options){ function isIE(ver){ var b = document.createElement('b') b.innerHTML = '<!--[if IE ' + ver + ']><i></i><![endif]-->' return b.getElementsByTagName('i').length === 1; } options = $.extend( {}, $.fn.imgPreviewQs.defaults,options); var $this =$(this); $this.change(function(){ var regex=/(.*)\.(jpg|jpeg|gif|bmp|png)$/; var val = $this.val(); if(!regex.test(val)){ alert("请选择图片"); return false; } if(browserQs.isIE(8)){ HanderIE789($this); } else if(window.FileReader){ HanderFileReader($this); } else if(browserQs.isIE(9)){ HanderIE789($this); } else if(browserQs.isIE(6)){ HanderOther($this); } else if(browserQs.isIE(7)){ HanderIE789($this); } else{ $("#"+options.destID).html("浏览器不支持预览图片"); } }); function HanderFileReader($this){ var oPreviewImg = null, oFReader = new window.FileReader(), rFilter = /^("#"+options.destID).html("<img src='"+oFREvent.target.result+"' style='width:100%;height:100%;'/>"); }; var aFiles = $this.get(0).files; if (aFiles.length === 0) { return; } if (!rFilter.test(aFiles[0].type)) { alert("请选择图片"); return; } oFReader.readAsDataURL(aFiles[0]); } function HanderIE789($this){ $("#"+options.destID).css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+getUrl($this)+"')"); } function HanderOther($this){ $("#"+options.destID).html("<img src='"+$this.val()+"' style='width:100%;height:100%;'/>"); } function getUrl($this){ $this.select(); $this.blur(); var imgSrc =document.selection.createRange().text; document.selection.empty(); return imgSrc; } }; $.fn.imgPreviewQs.defaults = { destID:"" }; })(jQuery);
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“jQuery插件imgPreviewQs实现上传图片预览”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。