使用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);

与

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

一些结果：

24839和107482

2498383和5898430

2391783和5955498

Answer 1

img.toDataURL()必须为img.toDataURL('image/jpeg)以强制保存为更多压缩的jpg而不是png