Javascript 在HTML文件中以编码形式脱机存储图像

假设我有一个包含一些图像的网页，我不想将图像物理地存储在文件夹中或作为Html中的链接，但我想将这些图像存储在Html中，这样每当我打开该页面（脱机）时，图像都会显示出来。 任何技术都可以使用。

---

我也不想使用任何数据库。

图像可以用base64格式编码并作为数据uri加载。这样的数据uri遵循以下语法：

data:[][；base64]，

。因此，这种嵌入式图像的示例可以是：

<img src="data:image/jpg;base64,/9j/4AAQSkZJRgABADX1BST0ZJTEUAAQEAAAxITGu...">

然而，这很少有意义，除了像图标这样的小图像。在大多数情况下，更好的方法是使用另一种格式，一种适合脱机使用的格式

DeJaVu

，

ePub

或

PDF

可能

如果页面仅为脱机使用而创建，那么您也可以使用文件归档，如

tar

或

zip

。这样，您可以将包含图像的文件夹打包到单个文件中。现代桌面环境允许以透明的方式打开此类归档。因此，当您打开它并在其中选择索引文档时，将显示包含在同一存档中并以相对方式引用的图像。但请记住，这取决于桌面环境。在超薄或不太先进的环境中，您可能必须首先解压缩归档文件，这不是很方便

<img src="/storage/sdcard0/Android/my-web/pictures/test.jpg />

我在手机中使用该代码进行离线测试时，只能将其作为媒体从笔记本电脑传输到手机

将“我的网站”更改为您在放置它的文件夹中提供的文件夹的名称

在“我的网络”文件夹中，创建一个名为“图片”的新文件夹，并移动所有img格式

如果“Android”不起作用，请删除并重试

如果您将文件传输到内存，只要使用“sdcard0”即可，如果您在外部移动文件或sdcard更改文件名，则使用sdcard或外部名称

---

将图像转换为blob数据并使用它。