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

【问题标题】：embed image in html and save for offline view (ie)在 html 中嵌入图像并保存以供离线查看（即）
【发布时间】：2011-12-14 20:48:17
【问题描述】：

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

谢谢

【问题讨论】：

标签： html image internet-explorer embed offline

【解决方案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 中。

【讨论】：

好的，我如何生成这个标签？