用JS下载图像并将其存储

Question

我有以下内容正在抓取一个充满图像的页面：

headshots = document.querySelectorAll(".jsx-3743397412.player-headshot");

然后，我使用以下内容抓取图像的.src：

shots[i] = headshots[i].firstElementChild.src;

当我现在参考镜头[i]时，我会得到一个完整的链接。不幸的是，使用Chrome通知，您无法使用iconURL的网络链接：

  chrome.runtime.sendMessage('', {
    type: 'notification',
    options: {
      title: players[i].innerText,
      message: previousScores[i] + " -> " + scores[i+1].innerText,
      iconUrl: shots[i],
      type: 'basic'
    }
  });

遍历shots数组的循环并保存每个图像的最佳方法是什么？我应该使用Chrome存储，还是以某种方式保存到我的/ images /目录？

预先感谢您的建议。