chrome extension 如何保存图片到本地

最新推荐文章于 2024-08-07 09:11:10 发布

SQZHAO

最新推荐文章于 2024-08-07 09:11:10 发布

阅读量2.5k

点赞数

本文链接：https://blog.csdn.net/sqzhao/article/details/48735811

版权

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