<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>js复制图片-文字</title>
</head>
<body><div><img id="hidImag" src="" />
</div>
<input id="copy" type="button" style="cursor: pointer;" value="复制图片到剪切板">
<script type="text/javascript">copy.onclick = function () {try {const base64Data = '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'if (document.body.createControlRange) { //IE 11 需要有个img标签var controlRange;var imgs = document.getElementById('hidImag');imgs.onload = function () {controlRange = document.body.createControlRange();imgs.contentEditable = 'true';controlRange.addElement(imgs);try {var successful = controlRange.execCommand('copy');var msg = successful ? 'successful' : 'unsuccessful';console.log('Copying text command was ' + msg);} catch (err) {console.log(err);}}imgs.src = 'data:image/png;base64,' + base64Data;}else { //chromeconst blobInput = convertBase64ToBlob(base64Data, 'image/png');const clipboardItemInput = new ClipboardItem({ 'image/png': blobInput });navigator.clipboard.write([clipboardItemInput]);console.log('success');}} catch (e) {console.log(e);}}function convertBase64ToBlob(base64, type) {console.log(base64)var bytes = window.atob(base64);var ab = new ArrayBuffer(bytes.length);var ia = new Uint8Array(ab);for (var i = 0; i < bytes.length; i++) {ia[i] = bytes.charCodeAt(i);}return new Blob([ab], { type: type });}
</script>
</body>
</html>

base64图片 复制到系统剪切板相关推荐

  1. clipboard.js,点击复制到系统剪切板,适合移动端、PC端复制

    官网地址:https://clipboardjs.com/ GitHub地址:https://github.com/zenorocha/clipboard.js/ 下载后的文件目录: demo中有示例 ...

  2. VIM复制到系统剪切板

    菜鸟,初玩VIM怎么把VIM中的东西复制出来,或者怎么把外面的东西复制进VIM成了问题.上网,查了些资料,先把方法记录在此. VIM中有很多的很多的寄存器,可以使用命令 :reg 用:reg命令可以查 ...

  3. vim在系统剪切板的复制与粘贴

    以前就遇到过的问题.有如下情景: 1.假设现在我要将文件a的部分内容复制到文件b中,一般情况,我会用vs或者sp命令打开这两个文件然后用y和p进行复制粘贴.但是如果分别用vim打开这两个文件就不能完成 ...

  4. vim 与系统剪切板

    2019独角兽企业重金招聘Python工程师标准>>> VIM复制到系统剪切板 转载于:https://my.oschina.net/letiantian/blog/170901

  5. Mac OS 下的Vim使用系统剪切板

    [size=12]这里介绍的是Mac OS下终端Vim,Mac Vim并没有测试. [color=red] 下面的解决方法太麻烦了,直接装一个新的Vim直接搞定. macos的预装的终端Vim有个很麻 ...

  6. 本地剪切板 java,java:复制图片到系统剪切板 然后怎么以图片文件的形式粘贴至本机...

    java:复制图片到系统剪切板 然后如何以图片文件的形式粘贴至本机? 本帖最后由 u013531487 于 2014-07-16 22:56:44 编辑 代码列在下边 问题是: 我先获取了待保存的图片 ...

  7. js 复制图片到剪切板 和 js复制文本到剪切板

    js 复制图片到剪切板 <a href="javascript:;" id="copyQrcode" data-base=""> ...

  8. 【vim】系统剪切板、vim寄存器之间的复制粘贴操作命令?系统剪切板中的内容复制粘贴到命令行?vim文本中复制粘贴到命令行

    一.系统剪切板和文本内容的复制粘贴 1.1 从系统剪切板复制粘贴到文本中 需要操作3次: 分别是英文双引号.一个加号或梅花号,最后是一个p 也即"+p 或者直接使用组合键[Shift + i ...

  9. tmux系统剪切板_实践中的tmux:与系统剪贴板集成

    tmux系统剪切板 by Alexey Samoshkin 通过阿列克谢·萨莫什金(Alexey Samoshkin) 在实践中使用tmux:与系统剪贴板集成 (tmux in practice: i ...

最新文章

  1. ACL 2020 亮点摘要
  2. delete与delete[]
  3. 机器学习研究与开发平台的选择
  4. 2017元旦,你被闰秒吓到了吗? - 闰秒背景与数据库处理
  5. java集合(4)-Set集合
  6. java 双重检查锁_Java中可怕的双重检查锁定习惯用法
  7. iOS开发--验证码
  8. 什么叫显示动力学_什么叫显示动力学,什么叫隐式动力学分析!
  9. Tiktok现阶段最简单的三种变现模式,小白也可轻松上手
  10. RN PickerView组件
  11. 深入理解JVM(第二版读书笔记)
  12. 在用户空间加载和卸载驱动
  13. Tensorflow:dataset数据读取
  14. 查看修改apk里resources.arsc的资源文件的工具
  15. oracle与mysql语法区别_mysql和oracle语法异同
  16. java web简答题_javaweb简答题
  17. 电脑连手机热点找不到服务器的ip地址,电脑开热点手机连不上怎么连接
  18. Linux命令:ls -l(ll)结果解析
  19. ABP 部署遇到的问题(记录)
  20. 远程监控tomcat运行

热门文章

  1. HMC833 写寄存器解析
  2. 第一章 学习Java的建议
  3. Mozilla 裁员 25%,组织重构并转向商业化探索
  4. 《MFC如何屏蔽ESC和Enter按键退出应用程序》
  5. ant Design 表单以及表单验证
  6. Revit二次开发之技能篇(五)———模型轻量化.RVT到JSON实现的测试
  7. 激荡25年的中国互联网发展史(上篇):“互联网” 的群星闪耀时
  8. 通过一个例子来介绍OD的简单使用
  9. Windows文件共享服务
  10. NLP基本功-文本相似度 | AI产品经理需要了解的AI技术通识