以编程方式将图像(Blob)复制到剪贴板的角度/类型记录

Question

在一个角7应用程序中，我们使用将一个HTML块呈现为一个png，我们使用保存该图像。

    htmlToImage.toBlob(element).then(function (blob) {
      saveAs(blob, `image.png`);
    });

这很好，但业务要求是将图像放入剪贴板，以便将其粘贴到另一个工具(Word，Excel.)中。

已经对做了一些谷歌搜索，但似乎还没有得到所有浏览器的支持。

在不依赖剪贴板API的情况下，有什么解决办法吗？

Answer 1

您最好的选择确实是异步剪贴板API，它现在有越来越多的浏览器支持。article有一个示例，详细说明了如何使用它：

try {
  const imgURL = '/images/generic/file.png';
  const data = await fetch(imgURL);
  const blob = await data.blob();
  await navigator.clipboard.write([
    new ClipboardItem({
      [blob.type]: blob
    })
  ]);
  console.log('Image copied.');
} catch (err) {
  console.error(err.name, err.message);
}