javascript - Base64 图像存储

Question

我在页面上有一些输入（类型文件），图像被实现到 div 中。我想使用 base 64 来存储用户放入其中的图像（本地存储）。

我已经在 stackoverflow 上查看了答案，但似乎无法找出它是如何工作的。

我知道这可能不是存储用户图像的最佳方式，所以如果有人有同样简单的替代方案，那将不胜感激。

Answer 1

base64 是对 64 位图像的解释。它返回一个长字符串，您可以存储在任何地方（cookies、localstorage 等）。但是这个字符串真的很大，我建议你不要存储太多图像。

获取编码字符串后，您只需使用以下命令显示图像：

<img  src="data:image/png;base64,Your64StringImage..." />

这是一个将图像转换为 64 位字符串的网站：http ://webcodertools.com/imagetobase64converter