将图像嵌入 html 并保存以供离线查看（即）

Question

是否可以在我的 html 代码中嵌入图像并使其在离线模式下可用。我的目标是创建一个没有任何其他文件与之关联的 html 文件。

谢谢

Answer 1

是的。

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

摘自http://en.wikipedia.org/wiki/Data_URI_scheme#HTML

您的图像需要一个正确的 DataURL。尝试使用 http://dataurl.net/#dataurlmaker 等实用程序来获取 DataURL，然后您可以复制它到你的html中。