这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图、旺旺截图或者其它截图软件。具体代码如下。

利用 clipboardData 在网页中实现截屏粘贴的功能

#box{ width:200px; height:200px; border:1px solid #ddd; }

利用 clipboardData 在网页中实现截屏粘贴的功能

(function(){

var imgReader = function( item ){

var blob = item.getAsFile(),

reader = new FileReader();

// 读取文件后将其显示在网页中

reader.onload = function( e ){

var img = new Image();

img.src = e.target.result;

document.body.appendChild( img );

};

// 读取文件

reader.readAsDataURL( blob );

};

document.getElementById( 'testInput' ).addEventListener( 'paste', function( e ){

// 添加到事件对象中的访问系统剪贴板的接口

var clipboardData = e.clipboardData,

i = 0,

items, item, types;

if( clipboardData ){

items = clipboardData.items;

if( !items ){

return;

}

item = items[0];

// 保存在剪贴板中的数据类型

types = clipboardData.types || [];

for( ; i < types.length; i++ ){

if( types[i] === 'Files' ){

item = items[i];

break;

}

// 判断是否为图片数据

if( item && item.kind === 'file' && item.type.match(/^image\//i) ){

imgReader( item );

}

});

})();

以上就是本文的全部内容，希望对大家学习JavaScript程序设计有所帮助。

html仿qq截图,javascript实现粘贴qq截图功能（clipboardData）相关推荐

javascript在网页中实现粘贴qq截图功能
这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图.旺旺截图或者其它截图软件.具体代码如下. <!DOCTYPE HTM ...
html制作qq注册页面代码截图,javascript在网页中实现粘贴qq截图功能
这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图.旺旺截图或者其它截图软件.具体代码如下. 利用 clipboardData ...
php实现qq相册功能,使用javascript如何实现QQ空间相册展示
本文给大家分享基于javascript制作的qq空间相册展示效果,涉及到html\css布局思维,浮动定位详解,具体实现代码大家参考下本文知识点:html/css布局思维,浮动/定位详解,大企业标准 ...
悬浮截图软件_Windows最好用截图工具，QQ第一，它第二
大家平时可能都有自己惯用截图工具,比如 Snipaste.PickPick.QQ 截图,还有 Windows 自带的 Win+Shift+S 截图快捷键等等.如果你不是工具控,那一般来说 QQ 截图和 ...
javascript 代码获取 QQ 群成员
昨天看到一条微博:「22 行 JavaScript 代码实现 QQ 群成员提取器」. 本着好奇心点击进去,发现没有达到效果,一是 QQ 版本升级了,二是博客里面的代码也有些繁琐. 于是自己试着写了一个 ...
android 仿QQ，微信群组里的@功能，支持@多人，并能一键删除，能获取上传对应的id（修改版）
首先注明该文章是借签别人的博客,原文博文地址点击打开链接 android 仿QQ,微信群组里的@功能,支持@多人,并能一键删除,能获取上传对应的id 这个需求来源:本人做集成环信聊天时,项目需要@功能 ...
android获取QQ昵称,【Ctrl.js】QQ读取好友昵称和QQ号源码
[JavaScript] 纯文本查看复制代码//--------------------------------------------------------------------------- ...
手机qq协议做的第三方qq软件
前段时间没事做,就把网上爆出来的qq的手机协议给整理了下,然后试着调用,总之就是把这些弄一起了,做了这么一个qq的第三方软件. 还研究了下那个小黄鸡,把它给结合到这个软件里,添加了一些qq上没有的自 ...
PHP读取qq群成员,js获取QQ群成员的经典代码
本节主要内容: 22 行 JavaScript 代码实现 QQ 群成员提取器. 如果获取失败,可能的原因如下: 1,QQ版本升级了 2,博客中的代码有些繁琐 22 行 JavaScript 代码实现 ...
qq快捷登陆 php代码,qq互联--qq快捷登陆
1.介绍 QQ登录接口.作用是实现QQ直接登录某些网站,简化用户登录.注册流程. 现在有很多大型网站都在使用QQ互联登录功能: X东: X宁: X美: 2.签约 ①点击"应用管理" ...

html仿qq截图,javascript实现粘贴qq截图功能（clipboardData）

利用 clipboardData 在网页中实现截屏粘贴的功能

html仿qq截图,javascript实现粘贴qq截图功能（clipboardData）相关推荐

最新文章

热门文章