2013-10-17 158 views
-1

我在页面上有一些输入(类型文件),图像被实现为div。我想使用base 64来存储用户放入其中的图像(localstorage)。Base64图像存储

我已经在这里看了一个答案的stackoverflow,但似乎无法找到它是如何工作的。

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

+0

I'ts不太清楚你'试图为我实现.. –

+0

我试图将图像保存到localstorage并加载回来。我听说你可以使用base64来做到这一点。我只是不知道如何 – craig

回答

1

base64是64位图像的解释。它返回一个可以存储在任何地方的长字符串(饼干,本地存储等)。 但是这个字符串真的很大,我建议你不要存储太多的图像。

让您的编码字符串后,你只需要显示与图像:

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

这里一个网站,以图像中的64位字符串转换:http://webcodertools.com/imagetobase64converter

+0

但如果我不知道图像会是什么。用户将使用设备中的图像,因此我不知道哪些图像必须转换为64位字符串 – craig