成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

文件上傳前壓縮圖片尺寸大小,支持安卓微信APP瀏覽器

羅志環(huán) / 2908人閱讀

    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: "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://systransis.cn/yun/85682.html

相關文章

  • <轉(zhuǎn)載>圖片流量節(jié)省60%:基于CDN的sharpP自適應圖片技術(shù)實踐

    摘要:開啟驗證上傳一張新圖片,使用手安卓版本訪問已支持域名的圖片,如果請求帶了,檢查返回圖片格式是否為如果舊的圖片未按預期返回,返回了或原圖可能是結(jié)點緩存,正常天后過期回源則會返回圖片。 對于圖片較多的網(wǎng)站,本文結(jié)合具體案例給出了如何基于CDN的sharpP自適應圖片無痛接入方案,據(jù)統(tǒng)計效果可在原圖基礎上節(jié)省60%-75%的流量。作者:陳忱 出處:騰云閣文章 目前移動端運營素材大部分依賴圖...

    JerryZou 評論0 收藏0
  • 使用WebUploader解決安卓微信覽器上傳圖片中遇到的bug

    摘要:具體的環(huán)境我也不太了解,但是經(jīng)過實際多臺安卓機型的測試,我采取的方案可以基本確保在安卓機中微信瀏覽器的成功上傳。 摘自個人博客:走啊走的記錄,歡迎點擊查看,效果更佳! 微信瀏覽器上傳圖片bug的原因 微信在新版本中采用的是自己的X5內(nèi)核瀏覽器,而在較老的版本中還有可能是安卓的原生瀏覽器。具體的環(huán)境我也不太了解,但是經(jīng)過實際多臺安卓機型的測試,我采取的方案可以基本確保在安卓機中微信瀏覽器...

    ybak 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<