function ImageFileResize(file, maxWidth, maxHeight, callback) { var Img = new Image; var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); Img.onload = function() { if (Img.width>maxWidth || Img.height>maxHeight) { var bili = Math.max(Img.width/maxWidth, Img.height/maxHeight); canvas.width = Img.width/bili; canvas.height = Img.height/bili; }else{ canvas.width = Img.width; canvas.height = Img.height; } ctx.drawImage(Img, 0, 0, Img.width, Img.height, 0, 0, canvas.width, canvas.height); // $("body").append(canvas); callback(canvas.toDataURL()); }; try{ Img.src = window.URL.createObjectURL(file); }catch(err){ try{ Img.src = window.webkitURL.createObjectURL(file); }catch(err){ alert(err.message); } } } $(".js-uploader").on("click", function () { var $clickObj = $(this); var $fileInput = $(""); $fileInput.on("change",function () { $clickObj.text("正在上傳..."); ImageFileResize($fileInput[0].files[0], 800, 800, function (dataUrl) { $.ajax({ type: "POST", url: "=$this->createMobileUrl("Upload")?>", data: {imgDatUrl:dataUrl}, success : function (ret) { $clickObj.prev().remove(); $clickObj.before(" "); $clickObj.next().val(ret.path); $clickObj.text("重新上傳"); }, dataType : "json" }); }); }); $fileInput.click(); });
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/85682.html
摘要:開啟驗證上傳一張新圖片,使用手安卓版本訪問已支持域名的圖片,如果請求帶了,檢查返回圖片格式是否為如果舊的圖片未按預(yù)期返回,返回了或原圖可能是結(jié)點緩存,正常天后過期回源則會返回圖片。 對于圖片較多的網(wǎng)站,本文結(jié)合具體案例給出了如何基于CDN的sharpP自適應(yīng)圖片無痛接入方案,據(jù)統(tǒng)計效果可在原圖基礎(chǔ)上節(jié)省60%-75%的流量。作者:陳忱 出處:騰云閣文章 目前移動端運營素材大部分依賴圖...
摘要:具體的環(huán)境我也不太了解,但是經(jīng)過實際多臺安卓機(jī)型的測試,我采取的方案可以基本確保在安卓機(jī)中微信瀏覽器的成功上傳。 摘自個人博客:走啊走的記錄,歡迎點擊查看,效果更佳! 微信瀏覽器上傳圖片bug的原因 微信在新版本中采用的是自己的X5內(nèi)核瀏覽器,而在較老的版本中還有可能是安卓的原生瀏覽器。具體的環(huán)境我也不太了解,但是經(jīng)過實際多臺安卓機(jī)型的測試,我采取的方案可以基本確保在安卓機(jī)中微信瀏覽器...
閱讀 2232·2021-09-22 15:25
閱讀 3617·2019-08-30 12:48
閱讀 2205·2019-08-30 11:25
閱讀 2338·2019-08-30 11:05
閱讀 725·2019-08-29 17:28
閱讀 3284·2019-08-26 12:16
閱讀 2608·2019-08-26 11:31
閱讀 1701·2019-08-23 17:08