国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery插件imgPreviewQs實現上傳圖片預覽

2019-11-20 10:47:37
字體:
來源:轉載
供稿:網友

上傳圖片預覽,支持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 = /^(?:image//bmp|image//cis/-cod|image//gif|image//ief|image//jpeg|image//jpeg|image//jpeg|image//pipeg|image//png|image//svg/+xml|image//tiff|image//x/-cmu/-raster|image//x/-cmx|image//x/-icon|image//x/-portable/-anymap|image//x/-portable/-bitmap|image//x/-portable/-graymap|image//x/-portable/-pixmap|image//x/-rgb|image//x/-xbitmap|image//x/-xpixmap|image//x/-xwindowdump)$/i;    oFReader.onload = function (oFREvent)     {      $("#"+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);

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吴堡县| 平和县| 乡城县| 左云县| 吉木乃县| 龙川县| 汤原县| 福清市| 井冈山市| 灵寿县| 湖北省| 宜州市| 桐城市| 内乡县| 磴口县| 临朐县| 徐汇区| 思南县| 定日县| 萍乡市| 安泽县| 林芝县| 寻甸| 大渡口区| 军事| 县级市| 保德县| 杭锦后旗| 定日县| 临江市| 宣威市| 隆回县| 始兴县| 望谟县| 长葛市| 邵武市| 昌宁县| 聂荣县| 聂荣县| 墨竹工卡县| 新源县|