离线存储数据

Question

我想使用 javascript离线存储一些图像（通过将它们转换为 url 数据）和文本。 我使用了 localStorage，它在 Android 设备中运行良好，但是当我尝试将图像存储在 Iphone 中时，它会冻结，直到我重新加载页面！

我尝试了 Google Chrome 和 Safari 浏览器，但没有成功！

任何人都有解决方案？或另一种离线存储数据的方式？

这段代码是：

HTML：

<canvas></canvas>
<!--you can set width and height-->

JS：

var can=document.querySelector("canvas");
var c=can.getContext("2d");
var img="a link";//put the link of the image
var img_element=document.createElement("img");
img_element.src=img;
var i=0;
c.drawImage(img_element,0,0);
var img_data=can.toDataURL("image/jpeg");
localStorage.setItem("my image",img_data);

注意：很多人告诉我索引数据库，但我不知道如何使用它，它是离线的吗？ 它需要图书馆！