Используя AJAX и верните картинку

Question

У меня проблема с получением и открытием изображения через AJAX. Если я позвоню на следующую страницу:

http://127.0.0.1:8889/ex?sql=SELECT+Image+FROM+Persons+WHERE+Number+Like+%27%2501%27

изображение отображается из поля BLOB-объекта в IE8.

Теперь я хотел бы открыть это в div после того, как кто-то нажал клавишу (используя AJAX)?
Попытка использовать xhr.responseText не работает (я получаю сообщение об ошибке. Использование его в текстовом ответе работает). Так что, похоже, моя проблема - получить результат из запроса ajax.

Как я могу это сделать?

Некоторый код и сообщение об ошибке:

var picReturn = xhr.responseText;

=> Не удалось продолжить из-за следующей ошибки: c00ce514

Answer 1

У вас есть три варианта:

1. Поместите результирующие данные в iframe. Не очень практично.
2. Возьмите результат и поместите его в источник изображения в качестве данных: uri. Не поддерживается в старых браузерах и ограничено 32 / 64Kb в зависимости от браузера.
3. Пропустите AJAX, напишите веб-сервис и используйте его в качестве URL-адреса. Это лучший вариант.

Вы не говорите, на каком языке вы используете сервер, но вы, по сути, хотите открыть веб-ответ, установить заголовок «image / jpeg» и вернуть свой поток.