2013-10-17 150 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