Javascript визуализации JPEG двоичные данные из переменной

Question

Как отобразить данные файла JPEG / PNG, содержащиеся в переменной Javascript? Является ли это возможным ? Какие библиотеки JavaScript нужны? Используемый браузер - FF / IE.

Спасибо

Answer 1

Современные браузеры поддерживают встроенные изображения . Таким образом, вы можете преобразовать двоичные данные в base64-кодированную строку и затем добавить ее в DOM:

var img = document.createElement('img');
img.src = 'data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7';
img.width = '16';
img.height = '14';
document.body.appendChild(img);