Chrome extension 提供了 storage 接口,可以将数据存储于本地或存储于服务器上。
参考资料: http://developer.chrome.com/extensions/storage.html#overview
将图片其转换成 DataURI 之后,使用存储接口存于本地。
// 将图片变成 DataURI
var img = new Image();
img.onload = function() {
var canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext('2d');
ctx.drawImage(imageObj);
// 这里就是你要的 DataURI
var DataURI = canvas.toDataURL();
// 保存下来
chrome.storage.local.set({image : DataURI});
}
img.src = 'http://xxxx'; // 这里写你的图片 url