JavaScript-Load-Image 라이브러리를 사용하여 파일에서 이미지를로드하면 이미지 크기가 4 배 확대됩니다.

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 
     } 
    ); 

어떤 결과 :

24,839 대 107,482

2,498,383 대 5,898,430

2,391,783 대 5,955,498

Answer 1

img.toDataURL()은 img.toDataURL('image/jpeg)이어야 png 대신 압축 된 jpg로 저장됩니다.