使用Javascript減少base64圖像內存大小

Question

我使用canvas.toDataURL（）並以base64格式獲取圖像。 但在將其上傳到服務器之前，我可以將圖像的內存大小減少到10KB嗎？ 如何使用JavaScript或jquery執行此操作？我使用的代碼是：

var context = canvas.getContext("2d");
context.drawImage(imageObj, c.x, c.y, c.w, c.h, 0, 0, canvas.width, canvas.height);
var vData = canvas.toDataURL();

Answer 1

如果你想壓縮字符串，你可以嘗試這里提到的壓縮算法之一，但是DataURL已經被相當壓縮了，所以這不應該有太大區別。

另一種選擇是使用toDataURL的第二個參數來指定JPG的質量，這通常可以安全地降低，而不會對圖像質量產生明顯影響。

如果請求的類型是image / jpeg或image / webp，則第二個參數（如果介於0.0和1.0之間）被視為指示圖像質量; 如果第二個參數是其他參數，則使用圖像質量的默認值。 其他參數被忽略。