如何將圖像存儲在JavaScript變量中並將其呈現給網頁？

Question

我正在嘗試在JavaScript變量中放入一個小的.jpg文件，以便它可以呈現給網頁。我做不是想存儲圖像的路徑，但實際的圖像本身。

即使我認爲這應該是可能的，我不完全知道如何去做這件事。我希望所有的處理都是客戶端。

Answer 1

這可能會幫到你，Data URI scheme。

Answer 2

Base-64 encoded images

Answer 3

總是逆勢而上：

var img = new Image(); 
img.src = 'whatever.jpg';