如何将图像存储在JavaScript变量中并将其呈现到网页？

Question

我正在尝试将一个小.jpg文件放在JavaScript变量中，以便可以将其呈现给网页。我不想要存储图像的路径，而是存储实际的图像本身。

即使我认为这应该是可能的，但我并不知道如何解决这个问题。我希望所有处理都是客户端。

Answer 1

这可能会有所帮助，Data URI scheme。

Answer 2

Base-64 encoded images

Answer 3

始终是逆势者：

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