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

我正在用jquery制作简单的HTML5，其中有一些图片。我想使该应用程序脱机。所以我想在第一次访问页面时将图像保存到本地存储，其他访问时从本地存储加载图像。我读到一些关于BASE64可以实现的东西，但我不知道如何实现。你能给我举几个例子吗？

希望这就是你要找的。。这会将映像转换为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,/, "");