在Chrome扩展中存储图像

Question

我正在尝试编写一个Chrome扩展程序，它可以在一个HTML页面中显示书签的名称、网址和标签缩略图。到目前为止，我已经用JS以PNG格式捕捉了标签缩略图，但现在我需要将它存储在某个地方，这样当我打开扩展程序的页面时，图片就可以出现在那里。

$scope.getPageThumbnail = function() {
  chrome.tabs.captureVisibleTab(null, {format: 'png'}, function(img)
    {
      $scope.img = img;
    }
  );
};

有没有一种方法可以将图片存储在扩展程序内部，以便如果扩展程序被删除，一切都被删除？ 提前感谢您，丹尼尔。

- Pacuraru Daniel

Answer 1

你可以将数据URL存储在本地存储中。根据您生成缩略图的方式，您可以尝试使用Canvas toDataURL API。 https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL

- Charlie

Answer 2

你可以使用HTML5 FileSystem APIs将图片保存到目标目录中（比如你想把它们放在扩展内部，你可以创建一个带有唯一ID的目录）。

如果你的选项不仅限于Chrome扩展程序，你可以编写一个Chrome应用程序，然后chrome.fileSystem就可以使用了。

- Haibara Ai