ajax get 요청에서 반환 된 이미지 데이터를 처리하는 방법

Question

Cross-Origin AJAX GET 요청에서 반환 된 데이터를 처리하는 방법을 이해하려고합니다. 이 경우에는 "이미지"를 반환해야합니다. 저는 Ajax에 익숙하지 않으므로 간단한 대답이 있기를 바랍니다. 내 GET 요청에 data = { width: 300px }을 포함해야합니다. 브라우저를 사용하여 이미지를 표시하기 만하면 75 픽셀 이미지가 표시됩니다. 나는 이것이 300px 버전을 얻기 위해 권장하는 방법이므로 API와 상호 작용하고 있습니다.

+���+�\�E��{�%�ns�$��E�9�k;k�-� �fd��Y�}��e�K���w��f@X���"Q�G%�ͼ%�����D5����"��2�!'��tbF����[����A0���5�>����' +���������-9���|8e� $0�GD�ڃ�e"t:C�<�������?�Z� �=��>��?�Oo����}�����6�o����}����b�zMuUťR��ds`� ֞�z�J���s~?{w��9�ֳ��bܠ"g����ط(�ٙ���dv��:���c���ʮd��Y�}��h��X���r��4 ]5���r��,d�"=��$�q����e���e�I|:<*DP]K`.��M�s�p��G�"���V]��F�ãѠQ ���(P�� :�"")+%�ߏ���b�T���o��n�1>s��v�l[�L������{32]X��۾�T�\�{�_9U̗V+#���-8+� 

어떤 도움이 정말 감사하겠습니다 :

function Ajaxwrapper (MYurl, MYdata, errorHandler, callback, method) { 
    $.ajax({ 
     url: MYurl, 
     data: MYdata, 
     type: method, 
     success: callback, 
     error: errorHandler, 
     xhrFields: { withCredentials: true } 
    }); 
} 


function getPreview (el) { 

    var url = 'http://MYURL'; 

    var data = { 
     book: { 
      width: '300px' 
     } 
    }; 

    Ajaxwrapper(url, data, function(xhr){ console.log(xhr.status); }, function(data){ 

     // How the heck do I deal with the data 
     var HTMLpreview = '<img src="' + data + '">'; 

     el.append(HTMLpreview); 

    }, 'get'); 
} 

이것은 IMG SRC="returned data" 사용 출력되는 것입니다.

데이비드

Answer 1

귀하의 질문은 그래서 이것은 당신이 찾고있는 무엇을하지 않을 수 있습니다 약간의 혼란이다.

API는 반환 할 데이터 유형 (콘텐츠 유형)에 대한 정보를 제공해야합니다. 이 결과를 사용하여 수행 할 작업을 결정할 수 있습니다.

바이너리 이미지 파일을 만드는 것처럼 보입니다. 당신은 DOM 이미지 객체를 생성하고 당신이 그것을 이런 식으로 뭔가 할 수있는 랩퍼 라이브러리없이 바로 자바 스크립트를 사용하는 경우

을 표시 할 페이지에 삽입 할 수 있습니다 .. http://xhr.spec.whatwg.org/