JQuery에서 이미지 데이터를 가져 옵니까? 이 얼룩인가?

Question

기존 시스템을 편집하여 서버 파일 시스템의 이미지를 API로 전달합니다.

$.get("image.png", function(data) { 
    document.write(data) 
}); 

결과이 같은 것입니다 :

PNG IHDR} Ծ sRGBbKGD

나는 이미지 데이터과 같이 얻을 pHYs tIME ߯, IDATx } kv ; 1 R; Z HMm 3sNf

아마도이 바보 같은 질문일까요? 또는 이미지를 재구성하는 데 사용할 수 있습니까? 또는 BLOB 또는 이진 데이터를 얻는 더 좋은 방법이 있습니까?

Answer 1

시간이 좀 걸렸지 만, base64 인코딩에 적합한 솔루션을 찾았습니다. HTTP를 통해 내 서버로 데이터를 전송하여 이미지를 재구성 할 수도 있습니다.

var image = new Image(); 

    // create an empty canvas element 
    var canvas = document.createElement("canvas"), 
     canvasContext = canvas.getContext("2d"); 

    image.onload = function() { 

    //Set canvas size is same as the picture 
    canvas.width = image.width; 
    canvas.height = image.height; 

    // draw image into canvas element 
    canvasContext.drawImage(image, 0, 0, image.width, image.height); 

    // get canvas contents as a data URL (returns png format by default) 
    var dataURL = canvas.toDataURL(); 

    //document.write(dataURL); 
    console.log(dataURL); 
    }; 

    image.src = "image.png";