DOM节点.addEventListener('paste', function (event) {
console.log(event.clipboardData);
event.clipboardData.getData('text');
let file = event.clipboardData.files[0];
if (!(/^image\/[jpeg|png|gif|jpg]/.test('image/jpg'))) {
return;
let reader = new FileReader();
reader.readAsDataURL(file);
reader.onload() = function() {
let src = reader.result;
let formData = new FormData();
formData.append('file', file);
- 示例代码支持谷歌，ie兼容的不支持
另外的方法就是用flash了，它可以避开浏览器的安全限制，但是system类中只有set的方法，另外的clipboard类中倒是能访问到，但是似乎需要flash10的版本支持。网上找了一圈，没啥发现。终于想到去看看google sheet是怎么干的。 发现google sheet实现了excel的纯文本的多数据格粘贴，没有安全限制的需要，没有使用flash。可能很多人都知道这种方法了，反正我一开始很惊讶的，但是无奈，google的js文件是处理过的，看起来太累了。然后又去找ZOHO sheet，它的js文件只简单处理了一下，能debug，能看。 原来，其在body上注册了onkeydown事件
在 Web 应用程序中，Clipboard API 可用于实现剪切、复制和粘贴功能。对象，在剪贴板访问完成后被兑现。如果剪贴板访问被拒绝，promise 也会被拒绝。只有http协议为https或者host为localhost可以使用。所有 Clipboard API 的方法都是异步的；2、clipboard的方法。写入任意数据至操作系统剪贴板。从剪贴板读取数据（比如图片）写入文本至操作系统剪贴板。
要在JavaScript中监听粘贴事件、获取粘贴的图片并展示，以及上传图片，你可以使用以下代码作为起点。请注意，这里使用了一个简单的HTML结构，你可能需要根据你的应用程序的需求进行适当的修改。读取图片数据，并在页面上展示图片。在展示图片的同时，你可以执行上传操作，将图片上传到服务器。如果你想通过文件选择器上传图片，也提供了相应的代码。事件，检查粘贴板中的每一项是否是图片。如果是图片，我们使用。【前端】js监听粘贴事件 获取粘贴的图片。js 监听粘贴事件 拿到图片 展示并上传。这个例子中，我们监听了。
参考：使用 JavaScript File API 实现文件上传
onpaste 剪贴板事件
onpaste 事件在用户向元素中粘贴文本时触发。有三种方式可以在元素中粘贴内容：
按下 CTRL + V
从浏览器的编辑菜单中选择 Paste（粘贴）菜单项
右击鼠标按钮在上下文菜单中选择 “Paste（粘贴）” 菜单项
粘贴事件提供了一个clipbo...
//for chrome
var clipboardData = evt.clipboardData;
for(var i=0; i<clipboardData.items.length; i++){
var ite
JavaScript操作剪贴板虽然存在安全问题，但在某些应用场景下还是很方便的，比如复制一个link 等，JavaScript操作剪贴板的方式有：
方式1. 使用navigator 的Clipboard 对象
方式2. 使用 document.execCommand
方式3. window.clipboardData 对象
方式4. 使用一些封装的第三方库
每个事件都有一个 before 事件对应：beforecopy、beforecut、beforepaste;
这几个 before 一般不怎么用，所以我们把注意力放在三个事件就可以了。
触发条件:
鼠标右键菜单的复制、粘贴、剪切;
使用了相应的键盘组合键，比如:ctrl+c、ctrl+v;
复制操作：
copy事件使用示例：
div ref="textarea" class="textarea" id="textarea" contenteditable="true" placeholder="随便说说" @focus="removeDefaultContent" @blur="addDefaultContent" @input="changeAnswerContent" @paste="optimizePasteEvent">/*系统默认菜单被禁用*//*webkit浏览器*/-moz-user-select:none;
在日常业务开发，比如复制后增加版权信息，点击复制，等场景中需要进行复制粘贴的操作，以下是几种实现方案。
Clipboard API
Clipboard API 提供了响应剪贴板命令（剪切、复制和粘贴）与异步读写系统剪贴板的能力。从权限 API (Permissions API) 获取权限之后，才能访问剪贴板内容；如果用户没有授予权限，则不允许读取剪贴板内容。
可以使用全局的 Navigator.clipboard 来访问剪贴板。
Navigator.clipboard 属性返回 Clipboard 对象，所
近期项目中需要开发一个兼容PC和移动端的富文本编辑器，其中包含了一些特殊的定制功能。考察了下现有的js富文本编辑器，桌面端的很多，移动端的几乎没有。桌面端以UEditor为代表。但是我们并不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。
在现代浏览器中已经为我们准备...
目前有一个需求，需要在页面中获取QQ、微信等软件的截图上传到服务器，为了用户体验，不能让用户主动上传，提供给用户方法，在web页面使用粘贴快捷键，就可以粘贴到页面，然后点击发送进行上传。而且用户如果粘贴的是文字也需要能正常发送文字内容。
这个需求需要分为四个部分：
1、构造页面，存放获取的数据
2、获取粘贴板中的内容
3、在页面展示获取的内容
4、将获取的图片内容发送到服务器存储
首先...
