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);