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

标签 javascript google-chrome google-chrome-extension

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

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

最佳答案

我正在开发一个 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;
  }

关于javascript - Chrome 扩展支持将图像复制到剪贴板吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9532480/

相关文章:

javascript - ThreeJS 中不显示阴影

python - CherryPy无法显示图像

google-chrome - 浏览器从缓存中加载 JS 文件,但不加载 CSS 文件

javascript - 谷歌浏览器扩展程序

javascript - Chrome 扩展 native 消息同步

javascript - 如何检测滚动条上的鼠标弹起? (或 "scrollEnd"事件)

javascript - 是否可以将 HTML 渲染到 Javascript 控制台?

javascript - CKEditor:分页显示指示器

android - Chrome 通过端口转发远程调试虚拟机上的本地站点

google-chrome - 以编程方式刷新 Chrome 政策?