Javascript从变量中呈现jpeg二进制数据

Question

如何渲染Javascript变量中包含的JPEG / PNG文件数据？可能吗 ？什么JavaScript库需要？正在使用的浏览器是FF / IE。

由于

Answer 1

现代浏览器支持inline images。因此，您可以将二进制数据转换为base64 encoded string，然后将其附加到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);