使用JavaScript-Load-Image库从文件加载图像，它使图像的大小翻倍

Question

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

我已经在处理大文件了，所以它们不能大得多。

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

VS

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