Как я могу показать изображение, используя Javascript, начиная с строки в формате jpg?

Question

Раздражающий API, с которым мне приходится иметь дело, предоставляет изображение в виде jpg, но это строка в кодировке JSON внутри более крупного объекта JSON, а не просто доступность jpg по некоторой ссылке. У меня есть код для доступа к этому API с помощью Javascript, но тогда как я могу получить изображение для отображения на странице?

обновление: доступ к API, предоставляющему изображение, возможен из javascript, а не с сервера, поэтому идеальным решением будет использование чистого javascript. Мне не нужно поддерживать IE6, но я должен поддерживать IE7, Firefox и Chrome. JPG не кодируется в base64, но я мог бы кодировать в base64 в javascript.

Answer 1

Если строка JSON имеет кодировку base 64, вы можете вывести ее как URI данных , например,

<img src="data:image/jpeg;base64,...." />

Это также работает (без тега base64), если строка имеет кодировку URL (например, в основном ASCII и формат %xx для непечатаемых и не HTML-безопасных символов).