以chrome扩展名存储图像

Question

我正在尝试对Chrome扩展程序进行编码，该扩展程序在html页面中显示书签，其中包含选项卡的名称，网址和缩略图。 到目前为止，我让JS以PNG格式捕获标签缩略图，但现在我需要将其存储在某个地方，所以当我打开扩展程序的页面时，图像可能就在那里。

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

有没有办法在扩展程序中存储图像，所以如果删除扩展程序，一切都会被删除？ 先谢谢你，丹尼尔。

Answer 1

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

Answer 2

您可以使用HTML5 FileSystem APIs将图像保存到目标目录（例如，您希望它们位于扩展程序中，您可以创建具有唯一ID的目录）。

如果您的选项不仅限于Chrome扩展程序，则可以编写Chrome应用程序，然后chrome.fileSystem可供您使用。