[JQUERY] JavaScript에서 이미지를 바이너리 데이터로 변환 [중복]

JavaScript에서 이미지를 바이너리 데이터로 변환 [중복]

해결법

1. ---

   1.JavaScript에서 이미지 데이터를 가져 오는 것 같습니다. 귀하의 질문에 답변 :

   JavaScript에서 이미지 데이터를 가져 오는 것 같습니다. 귀하의 질문에 답변 :

   // Code taken from MatthewCrumley (https://stackoverflow.com/a/934925/298479)
   function getBase64Image(img) {
       // Create an empty canvas element
       var canvas = document.createElement("canvas");
       canvas.width = img.width;
       canvas.height = img.height;
   
       // Copy the image contents to the canvas
       var ctx = canvas.getContext("2d");
       ctx.drawImage(img, 0, 0);
   
       // Get the data-URL formatted image
       // Firefox supports PNG and JPEG. You could check img.src to guess the
       // original format, but be aware the using "image/jpg" will re-encode the image.
       var dataURL = canvas.toDataURL("image/png");
   
       return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
   }
   

   img 태그를이 기능으로 전달하십시오. Base64 인코딩에서 이미지를 반환합니다. 그러나 다시 인코딩 될 것입니다. 원본 이미지 데이터에 액세스 할 수 없습니다.

from https://stackoverflow.com/questions/5420384/convert-an-image-into-binary-data-in-javascript by cc-by-sa and MIT license