Chrome扩展程序支持将图像复制到剪贴板

Question

我在护目镜中搜索并没有找到任何答案.新的剪贴板API支持使用复制图像到剪贴板document.exec command.如果是,我如何将图像data url作为图像复制到剪贴板？

我是网页截图扩展的开发者,我搜索了一种将图像复制到剪贴板的方法.我还搜索了使用特定软件打开图像的方法.

Answer 1

我正在开发 ScreenShotShare chrome 扩展，我也需要将剪切的图像复制到剪贴板。我发现该解决方案适合我。
1. 将“clipboardWrite”、“clipboardRead”添加到manifest.json文件中的权限中
2. 使用background.js在background.html中进行复制工作
3. 添加到background.html
4. 我实现了“copyImageToClipboard”以在中运行背景.js

copyImageToClipboard: function () {
    var img = $('clipboard-img');
    img.src = localStorage[this.screenshotURIName]; // I store the image URI in localStorage
    var div = $('clipboard-div');
    div.contentEditable = true;
    var range;
    if (document.createRange) {
      range = document.createRange();
      range.selectNodeContents(div);
      window.getSelection().removeAllRanges();
      window.getSelection().addRange(range);
      div.focus();
      document.execCommand('copy');
    }
    div.contentEditable = false;
  }