假设我的网页上有一些图像，我不想将图像物理存储在文件夹中或Html中的链接中，但我想将这些图像存储在Html中，这样每当我打开该页面（脱机）时，就会显示图像。可以使用任何技术。我也不想使用任何数据库。
图像可以用base64格式编码，并作为数据uri加载。这样的数据uri遵循以下语法：data:[<mediatype>][;base64],<data>。因此，这种嵌入式图像的一个例子可能是：
<img src="data:image/jpg;base64,/9j/4AAQSkZJRgABADX1BST0ZJTEUAAQEAAAxITGu...">
然而，这很少有意义，除了像图标这样的微小图像。在大多数情况下，更好的方法是使用另一种格式，一种适合离线使用的格式。CCD_ 2、CCD_ 3或CCD_。
如果该页面是为离线使用而创建的，则也可以使用类似tar或zip的文件归档。这样，您就可以将包含图像的文件夹打包到一个文件中。现代桌面环境允许以透明的方式打开这样的档案。因此，当您打开它并选择其中的索引文档时，将显示包含在同一档案中并以相对方式引用的图像。但请记住，这取决于桌面环境。在纤薄或不太先进的环境中，您可能必须先打开归档文件，这不是很方便。
<img src="/storage/sdcard0/Android/my-web/pictures/test.jpg />
我在手机中使用该代码进行离线测试，只是作为媒体从笔记本电脑传输到手机。
- 将"我的网站"更改为您放置的文件夹中的文件夹名称
- 在"我的网络"文件夹中，创建一个名为"图片"的新文件夹，并移动所有img格式
- 如果"Android"不起作用，请删除并重试
- 如果您将文件传输到内部内存，只需使用"sdcard0"。如果您在外部或sdcard中移动文件，则更改名称为sd或外部名称