使用JavaScript- load -Image库从文件加载图像，它会使图像的大小增加四倍

Question

使用JavaScript-Load-Image函数loadImage(...)。但是，与通过FileReader()加载相比，base64字符串大约要长2-4倍。

我已经在处理大文件了，所以它们不会太大。

var reader = new FileReader();
reader.onload = function() {
    console.log('initial length:', this.result.length);
};
reader.readAsDataURL(image_file);

与

loadImage(
        file,
        function (img) {
            console.log('resized length:', img.toDataURL().length);
        },
        {
            orientation: true
        }
    );

一些结果：

24839 vs. 107482

2498383 vs. 5898430

2391783 vs. 5955498

Answer 1

img.toDataURL()需要为img.toDataURL('image/jpeg)才能强制保存为压缩程度更高的jpg而不是png