将图像保存到JSON，然后在HTML5和jquery中再次加载它

Question

我用jquery制作简单的HTML5，我有一些图像。我想让该应用程序脱机。因此，我希望在首次访问页面时将图像保存到本地存储，并在其他访问时从本地存储加载图像。我读过一些可以用BASE64完成的东西，但我不知道如何。你能举几个例子吗？

Answer 1

希望这就是你在寻找的地方..这会将图像转换为base64类型

var canvas = document.createElement("canvas");
canvas.width = 100;
canvas.height = 100;
var can = canvas.getContext("2d");
can.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");