Вернуть изображение из HTTP-запроса Post в Javascript

Question

Я отправляю данные из браузера сервлету с использованием JavaScript, затем сервер обрабатывает данные и возвращает изображение в качестве ответа (все с использованием xmlhttprequest). Я уверен, что все работает нормально, потому что когда я вызываю сервер напрямую, я возвращаю свое изображение в браузер.

Что мне было интересно, так это то, как в JavaScript я могу проанализировать свой ответ, чтобы я мог отобразить его как изображение в теге img?

Я полагаю, это должно быть довольно легко, но я не уверен, как это сделать.

Answer 1

Вы можете использовать URI данных и установить двоичные данные в кодировке base64 в качестве src для тега изображения.

Если у вас есть контроль над сервером, может быть чищепусть сервер предоставит вам URL, на который вы можете сослаться, и создайте новый тег img с этим src.

Answer 2

Не уверен, что это будет работать с вашим приложением, но вы можете использовать серверный скрипт для динамического обслуживания изображения, а затем просто использовать javascript для изменения источника вашего изображения.

т.е.

src="image.php?param1=XXXX&param2=XXXX"

Или просто попросите XMLHttpRequest вернуть новый путь к существующему образу на сервере, а затем просто измените атрибут src вашего img.