javascript在网页中实现粘贴qq截图功能

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

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>利用 clipboardData 在网页中实现截屏粘贴的功能</title>
<style type="text/css">
#box{ width:200px; height:200px; border:1px solid #ddd; }
</style>
</head>
<body><h1>利用 clipboardData 在网页中实现截屏粘贴的功能</h1>
<hr />
<div><input type="text" id="testInput" placeholder="截屏后粘贴到输入框中" size="30" /></div>
<script type="text/javascript">
(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 );}}});
})();
</script>
</body>
</html>

javascript在网页中实现粘贴qq截图功能相关推荐

html制作qq注册页面代码截图,javascript在网页中实现粘贴qq截图功能
这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图.旺旺截图或者其它截图软件.具体代码如下. 利用 clipboardData ...
网页中如何启用QQ交谈
很多网友都会发现好多的网页中会有诸如,网页中如何启用QQ交谈? 1. 登录QQ, 打开网址:http://shang.qq.com/v3/widget.html 启用QQ通讯组件. 2. 选择组件样式 ...
Leaflet框选截图网页框选截图 -- 类似QQ截图功能
Leaflet框选截图网页框选截图 -- 类似QQ截图功能功能需求搜索资源功能拆分进阶功能结束语实现截图(红框中即是将要截取的内容) 下载到本地的截图功能需求近日. 项目中有一需求: ...
2020年7月win32 C\C++ API 写的仿QQ截图功能
2020年7月win32 C\C++ API 写的仿QQ截图功能近日,经常用到截图,但是没有QQ没有微信的电脑上,截图非常不方便,起初打算网上随便找个类似的就算了,但是找了一下午,发现都是些很基础 ...
用JavaScript获取网页中的js、css、Flash等文件
目录一.前言二.从E书或网页中获取文件的一般步骤三.从E书或网页中获取链接进来的css文件四.从E书或网页中获取链接进来的js文件五.从E书或网页中获取Flash文件六.从E书或网页中获取 ...
html textarea粘贴事件,javascript在textarea中捕获粘贴事件
我目前有一个textarea,我需要控制粘贴的文本, 基本上我需要能够将用户想要粘贴的任何内容粘贴到textarea并将其放入变量中. 然后,我将确定它们粘贴文本的位置和字符串的大小,以便从texta ...
网页中怎么插入qq php,在网页中嵌入QQ视频的步骤和代码
QQ视频,或者我们叫腾讯视频(v.qq.com),跟优酷不太一样.对于每个视频页面,QQ视频并没有提供可以让我们便捷地将视频资源嵌入其它页面(论坛,或者自己的wordpress博客页面)的代码,而是只 ...
Mac OS X 下 QQ 截图功能开机自启设置方法
QQ 的截图功能里面是没有开机自启设置的,只有一个退出 QQ 后继续运行的选项. 那么如何设置这个功能自启呢?其实很简单截止 2017年07月18日,QQ已经更新到 6.0.1 了! 截止 2016 ...
网站网页中加入各种分享按钮功能百度分享
1.效果如下: 实例代码: <html><head></head><body><div></div><div id=&qu ...

javascript在网页中实现粘贴qq截图功能

javascript在网页中实现粘贴qq截图功能相关推荐

最新文章

热门文章