在HTML文件中以編碼形式離線存儲圖像

Question

假設我的網頁上有一些圖像，我不想將圖像物理地存儲在文件夾中或作爲Html中的鏈接，但我想將這些圖像存儲在HTML中，無論何時打開該頁面（離線），都會顯示圖像。 任何技術都可以使用。 我也不想使用任何數據庫。

Answer 1

圖像可以用base64格式編碼並作爲數據加載。這樣的數據uri遵循以下語法：data:[<mediatype>][;base64],<data>。所以這樣一個嵌入式圖像的例子可能是：

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

然而，這很少有意義，除了像圖標這樣的小圖像。在大多數情況下，更好的方法是使用另一種適合離線使用的格式。 DeJaVu,ePub或PDF也許。

如果頁面被創建嚴格只供脫機使用，那麼你也可以使用文件歸檔像tar或zip。這樣，您可以將包含圖像的文件夾打包到單個文件中。現代桌面環境允許以透明的方式打開這樣的檔案。因此，當您打開它並選擇索引文檔時，將顯示包含在相同存檔中並以相對方式引用的圖像。但請記住，這取決於桌面環境。在苗條或不太高級的環境中，你可能不得不先解壓檔案，這不是很方便。

Answer 2

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

我用我的手機離線測試的代碼只能從我的筆記本電腦作爲傳輸媒體到我的手機。

1. 更改「我的Web」是文件夾，您在文件夾中有的名稱你把它放在你的「我的Web」文件夾
2. ，創建一個名爲「照片」的新文件夾，並將所有的img格式。
3. 刪除「Android」的，如果不列入工作，並再次嘗試
4. ，如果你的文件轉移到內存中，如果你在外部移動它只是用「sdcard0」或SD卡更名是怎樣的SD或外部名