将图像添加到 HTML5 持久存储中

Posted 2023-04-01

【中文标题】将图像添加到 HTML5 持久存储中

【英文标题】：add an image into HTML5 persistant storage

【发布时间】：2011-10-06 08:59:02

【问题描述】：

有没有办法将图像保存到 html5 持久存储中？完成将图像分解为客户端所需的所有工作 - 例如，字节数组，客户端？

【问题讨论】：

我不是 localstorage 方面的专家，但是将图像的 url 存储在 localstorage 中而不是图像本身不是更合理吗？在我看来，不应该那样使用它，而且出于安全原因，我认为您的空间非常有限。编辑：显然它是 5mb 的存储空间。

如果图片没有上传，我将如何存储图片的URL...顺便说一句，这是针对移动设备的...

这里有详细说明：***.com/questions/9840957/…

【参考方案1】：

嗯，这并不难。您需要将您的图像转换为base64字符串，然后您可以将转换后的字符串保存到本地存储中，也可以设置您的img标签的来源

例如

localStorage.setItem('offlineimage',base64variable);

document.getElementById("myimage").src='data:image/png;base64,' + base64variable;

谢谢， 库什万特·辛格