javascript - Chrome 扩展支持将图像复制到剪贴板吗？

Question

我在 goggle 中搜索，没有找到任何答案。新的剪贴板 API 支持使用 document.exec 命令 将图像复制到剪贴板。如果是，如何将图像 data url 作为图像复制到剪贴板？

我是网页截图扩展的开发者，我正在寻找一种将图像复制到剪贴板的方法。我也在寻找一种用特定软件打开图像的方法。

Answer 1

我正在开发一个 ScreenShotShare chrome 扩展，我也需要将剪辑的图像复制到剪贴板。我发现这个解决方案对我有用。
1.在manifest.json文件的权限中添加"clipboardWrite","clipboardRead"
2.用background.js在background.html中复制工作
3. 添加到background.html
4. 我实现了“copyImageToClipboard”以在 background.js 中运行

copyImageToClipboard: 函数 () {
    var img = $('剪贴板-img');
    img.src = localStorage[this.screenshotURIName];//我将图像 URI 存储在 localStorage 中
    var div = $('剪贴板-div');
    div.contentEditable = true;
    变量范围；
    如果(文档。createRange){
      范围 = 文档.createRange();
      范围.selectNodeContents(div);
      window.getSelection().removeAllRanges();
      window.getSelection().addRange(范围);
      div.focus();
      document.execCommand('复制');
    }
    div.contentEditable = false;
  }