2011-08-11 33 views
1

如何在HTML 5 Web SQL數據庫中存儲脫機圖像?在HTML 5 Web SQL數據庫中存儲圖像

+0

參考http://stackoverflow.com/questions/1010290/in-html5-can-you-save-an-image-to-cache-programmatically 看起來像一個類似的問題 – Shadow

+0

爲什麼不直接使用[緩存清單](http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html)? – robertc

回答

3

是的,但是您必須將其存儲爲data:帶有base64編碼的URL,從而將文件大小增加33%。

但是,第一次嘗試使用,按照這個順序:

  1. HTTP緩存。設置長期到期標題,Cache-control: public。如果你不需要長期的離線功能,它將「正常工作」。

  2. HTML5離線「web應用程序」功能(將圖像添加到清單文件)。這種方式的圖像將被瀏覽器存儲,無需額外的開銷。

  3. localStorage。 WebSQL規範已棄用,其替代版本IndexedDB尚未得到廣泛支持。本地存儲也比WebSQL更快。