將圖像添加到HTML5持久性存儲中

是否有任何可能的方式將圖像保存到HTML5持久性存儲中？做所有必要的工作將圖像分解成 - 比方說一個字節數組，客戶端？將圖像添加到HTML5持久性存儲中

我在localStorage的專家，但不會是發聲器只存儲圖片的URL中的localStorage而不是圖像本身？在我看來，不應該這樣使用，而且我認爲由於安全原因，您的空間非常有限。編輯：顯然它是5MB的存儲。 – Trufa

如何將我的URL存儲，如果它未上傳圖像...這是順便說一下移動設備... –

在此詳細介紹： http://stackoverflow.com/questions/9840957/IS-可以閱讀的圖像從 - 使用 - 在二進制模式遠程服務器-使用-javascri –

那麼它並不那麼困難。您需要將您的圖像轉換成字符串的base64，然後你可以節省轉換後的字符串轉換成localStorage的，也可以設置您的img標籤的來源

例如

localStorage.setItem（「offlineimage」，base64variable）;

document.getElementById（「myimage」）。src ='data：image/png; base64，'+ base64variable;

感謝，克赫什沃特·辛格

2013-08-09 09:29:13 user2538359

回答