Отображение изображения, полученного Ajax

Question

Я прочитал несколько постов на эту тему, но ничего не помогло. У меня есть клиент ajax, который получает изображение из удаленной веб-службы, работающей на сервере Jetty. Если я использую браузеры (Firefox и т. Д.), Поиск отображается успешно. Если я использую сценарий ajax, изображение отображается в виде набора нечитаемых символов. Нужно ли отправлять изображение определенным образом с сервера в случае ajax? Я пробовал много разных методов, включая URI данных, но ничего не работает. Есть идеи? Я буду очень признателен за это. Thakns.

Answer 1

Фактически получение изображения асинхронно - это буквальный способ сделать это с помощью JavaScript:

var img = new Image();
img.src = "http://your img uri";
document.getElementById("image_container").appendChild(img);

Нет необходимости получать XJR типа AJAX.

Если вам нужен успешный обратный вызов, вы можете добавить его до определения img.src:

img.onload = function() { /* ... */ }

Answer 2

X в AJAX обозначает XML.Таким образом, результат в основном текст.Вы можете изменить это, но зависит от используемой платформы.Например, jQuery

Возможно, вы пытаетесь сделать что-то, что не требует AJAX.Или вы AJAX только извлекаете URL этого изображения.

Если у вас уже есть объект IMG DOM, инстанцированный в var, например:

var img = document.getElementById('my_img');

, и у вас уже есть путь к изображению (т.е.'/img/img.jpg')

try

img.src='/img/img.jpg';