网页js粘贴截图
2024-09-07 11:53:24
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>onpaste event example</title>
</head>
<body id="editor" onpaste="pasteIntercept(event)"> <h2>日志</h2>
<textarea rows="15" cols="80" id="log" readonly="true"></textarea>
<div>
<img src="" id="img" alt="">
</div> <script>
function log(txt) {
document.getElementById("log").appendChild(document.createTextNode(txt + "\n"));
} /*
在网页粘贴图片
1.监听paste事件
2.创建FileReader对象读取图像数据
3.发送数据到后台返回图片地址
4.将图片地址显示图片
*/ function pasteIntercept(d) {
log("粘贴!");
var obj = {
data:''
}
for (var b = 0; b < d.clipboardData.items.length; b++) {
var c = d.clipboardData.items[b];
if (c.type == "image/png") {
obj.mode = 1;
var a = new FileReader();
a.onloadend = function () {
obj.data = this.result.substr(this.result.indexOf(",") + 1);
img.src='data:image/png;base64,' + obj.data; };
a.readAsDataURL(c.getAsFile()); break;
}
} } // document.getElementById("editor").addEventListener("paste", pasteIntercept, false);
</script>
</body>
</html>
最新文章
- 第三章Struts2 Action中动态方法调用、通配符的使用
- TIJ——Chapter Seven:Reusing Classes
- Scala深入浅出实战经典-----002Scala函数定义、流程控制、异常处理入门实战
- OpenGL 4.5 Core Profile管线(GLSL与应用程序接口详解)【未完成】
- 手Q兴趣号的价值在哪里
- java script小结
- 实现Base64加密解密
- error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏	E:\OCX
- BZOJ 3489 A simple rmq problem(可持久化线段树)
- BZOJ_1624_ [Usaco2008_Open]_Clear_And_Present_Danger_寻宝之路_(最短路_Floyd)
- OneAlert 入门(三)——事件分析
- cocos2dx JAVA,C++互相调用函数
- 个性化定制——物流app
- MySqL触发器以及常用转换函数注意事项
- pay包注释(二)
- ANSI C中取得结构体字段偏移量的常用方法
- Maven服务器搭建
- better-scroll 实现tab栏目滑动当前高亮始终在可视区
- 慢查询日志(mysql)
- The Ultimate Productivity Hack is Saying No
热门文章
- AJPFX:学习JAVA程序员两个必会的冒泡和选择排序
- GCC的函数声明问题
- CAS server 连接mysql的deployerConfigContext.xml配置
- InChatter系统之服务器开发(一)
- VS2015 update3 安装 asp.net core 失败
- parsley.js正确使用姿势
- Python2和Python3除法
- vue 发布build 本地设置 相对路径 两个地方 一个根目录用./ css文件里面用../../ 【也不好用,还是得手改】
- lua 函数练习
- 【leetcode-03】给定一个字符串,请你找出其中不含有重复字符的最长子串的长度