Как обрабатывать данные изображения, возвращенные с запроса на получение ajax

Question

Я пытаюсь понять, как обращаться с данными, полученными из запроса AJAX GET Cross-Origin. В этом случае предполагается вернуть «изображение». Я новичок в Ajax, поэтому я надеюсь, что есть простой ответ на этот вопрос. Я должен включить data = { width: 300px } в мой запрос GET. Простое использование браузера для отображения изображения показывает 75-кратное изображение. Я взаимодействую с API, поэтому это метод, рекомендуемый для получения версии 300px.

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":

+���+�\�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+� 

Любая помощь будет действительно оценили.

-Давид

Answer 1

Ваш вопрос немного сбивает с толку, так что это не может быть то, что вы ищете.

Ваш api должен предоставить вам информацию о том, какой тип данных он возвращает (тип контента). Вы можете использовать это, чтобы решить, что делать с результатом.

Похоже, вы получаете файл двоичного изображения. Вы можете создать объект дом изображения и вставить его на свою страницу, чтобы отображаться

Если вы используете прямой JavaScript без библиотеки оболочки может быть что-то вроде этого: http://xhr.spec.whatwg.org/