js壓縮圖片base64長度
阿新 • • 發佈:2019-01-10
var myCanvas=$('.img-container > img').cropper('getCroppedCanvas'); (function (base64){ var image = new Image(),newBase64,MAX_HEIGHT = 160; image.onload = function(){ var canvas = document.getElementById("myCanvas"); if(image.height > MAX_HEIGHT) { image.width *= MAX_HEIGHT / image.height; image.height = MAX_HEIGHT; } var ctx = canvas.getContext("2d"); ctx.clearRect(0, 0, canvas.width, canvas.height); canvas.width = image.width; canvas.height = image.height; ctx.drawImage(image, 0, 0, image.width, image.height); newBase64=canvas.toDataURL('image/jpeg',0.4); //上傳base64編碼 $.ajax({ type: "post", url: '地址', data: { }, success: function (msg) { 42 }, error: function (msg) { tips.error('上傳圖片服務出錯,請稍候再試。') } }); console.log('base64Size',newBase64.length/1024);50 }; image.src = base64; })(myCanvas.toDataURL('image/jpeg'));