js读取剪切板的图片

<script>
function test(evt){  //for chrome  var clipboardData = evt.clipboardData;  for(var i=0; i<clipboardData.items.length; i++){  var item = clipboardData.items[i];  if(item.kind=='file'&&item.type.match(/^image\//i)){  //blob就是剪贴板中的二进制图片数据  var blob = item.getAsFile(),reader = new FileReader();  //定义fileReader读取完数据后的回调  reader.onload=function(){  var sHtml='<img src="'+event.target.result+'">';//result应该是base64编码后的图片  document.getElementById('dd').innerHTML += sHtml;  }  reader.readAsDataURL(blob);//用fileReader读取二进制图片，完成后会调用上面定义的回调函数  }  }
}
</script>
<textarea id="t" onpaste="test(event)" cols=60 rows=5></textarea>
<div id="dd"></div>

js读取剪切板的图片相关推荐

js获取剪切板文字图片方法
有时候经常在网上看到网页可以读取系统粘贴板的内容,可以显示文字和图片等内容,就挺好奇的,所以就研究了一下. 基本原理通过监听input的paste事件,获取到clipboardData内容,然后显示 ...
JS复制图片到剪切板读取剪切板
JS复制图片到剪切板读取剪切板 navigator.clipboard实现复制图片图片写入剪切板 function handleCopyImg() { const canvas = documen ...
JavaFX 读取剪切板图片并保存图片到本地
JavaFX 读取剪切板图片并保存图片到本地使用 JavaFX Clipboard API Clipboard clipboard = Clipboard.getSystemClipboard(); ...
QT读取剪切板内容-实现复制粘贴文本和图片
1. 前言很多软件都支持从剪切板里粘贴图片.文字数据到指定位置,比如:QQ.微信可以直接从剪切板粘贴图片.文字进行发送消息.这个功能QT里实现也很方便,接口QT都提供了. 来至QT帮助文档的介绍: ...
html5读取剪切板内容,实践笔记：js解析剪切板里的excel内容
这次记录的是昨晚一个想法:把excel内容复制到剪切板并转成自己想要的json格式,核心是要把excel内容转json,这部分主要看excel的格式和json如何业务的映射,不展开.倒是通过实践,收获 ...
python保存剪切板的图片_Python剪切板提取、截图、图片粘贴，操作汇总
1. PIL::ImageGrab(不适用于Linux) 只适用于Windows & MacOS系统.Linux系统支持XCB的X11,详细说明. 1.1. 截图Grab ImageGrab. ...
js获取剪切板内容（企业微信内嵌网页）
js获取剪切板内容应用场景剪切板内容获取腾讯会议获取会议时间.会议链接和会议号更新========================= 企业微信页面剪切板内容读取 iPhone无法进入页面零宽 ...
html粘贴excel内容,如何用JS解析剪切板里的excel内容
前言这次记录的是昨晚一个想法:把excel内容复制到剪切板并转成自己想要的json格式,核心是要把excel内容转json,这部分主要看excel的格式和json如何业务的映射,不展开.倒是通过实践 ...
JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法
新版本 chrome 执行 document.execCommand('paste') 返回 false 因为读取剪切板涉及用户隐私安全,必须的用户允许的情况下可以进行访问,但是复制和剪切功能可以使用 ...

js读取剪切板的图片

js读取剪切板的图片相关推荐

最新文章

热门文章