js 访问剪贴板粘贴

由于浏览器支持度不够，以下代码不能实现功能。存照。

        $("#GETPAST").click(function(event) {/*var items = (event.clipboardData && event.clipboardData.items) || [];var file = null;alert(items);if(items && items.length) {for(var i = 0; i < items.length; i++) {if(items[i].type.indexOf('image') !== -1) {file = items[i].getAsFile();break;}}}var reader = new FileReader();reader.onload = function(e){// 通过e.target.result取到base64然后上传var outputtext = "<img src=\""+e.target.result+"\">";win1.focus();if(isIE()){// 以下代码 IE ver < 11doc1.selection.createRange().pasteHTML(outputtext);}else{doc1.execCommand("insertHTML", false, outputtext);}// 作为src设到image标签上预览}reader.readAsDataURL(file); //此处的file为上面得到的文件对象```alert("paste1");    */
/*let data = new DataTransfer();navigator.clipboard.read().then(data => {for (let i=0; i<data.items.length; i++) {if (data.items[i].type != "text/plain") {alert("Clipboard contains non-text data. Unable to access it.");} else {textElem.innerText = data.items[i].getAs("text/plain");}}});*/var clipPromise = navigator.clipboard.readText();clipPromise.then(function(clipText){alert(clipText);});/**/// 另一种写法，=> 可能需要其他js环境支持/*navigator.clipboard.readText().then(text => {console.log('Pasted content: ', text);}).catch(err => {console.error('Failed to read clipboard contents: ', err);});*//* 浏览器禁止按钮粘贴对象，安全问题。//var permission = navigator.permissions.query({ name: 'clipboard-read' });alert(navigator.appVersion);//if (permission.state === 'denied') {//  throw new Error('Not allowed to read clipboard.');//}var clipPromise = navigator.clipboard.read();clipPromise.then(function(datas) {//alert(datas);for (let i=0; i<datas.length; i++) {var data = datas[i];var datatypes = data.types;//var datatypearray = datatypes.split(",");alert(datatypes);if (data.types.includes('image/png')) {alert("Clipboard contains non-text data. Unable to access it.");var p1 = data.getType("image/png");alert(p1);} else {outputtext = data.getType("text/plain");if(isIE()){// 以下代码 IE ver < 11doc1.selection.createRange().pasteHTML(outputtext);}else{doc1.execCommand("insertHTML", false, outputtext);}}}});*//*win1.focus();var inputtext = prompt("请输入图片链接:", "http://");if(inputtext.length > 0){var outputtext = "<img src=\""+inputtext+"\">";if(isIE()){// 以下代码 IE ver < 11doc1.selection.createRange().pasteHTML(outputtext);}else{doc1.execCommand("insertHTML", false, outputtext);}}*/});

document.addEventListener('paste', function(event) {var items = (event.clipboardData && event.clipboardData.items) || [];var file = null;if(items && items.length) {for(var i = 0; i < items.length; i++) {if(items[i].type.indexOf('image') !== -1) {file = items[i].getAsFile();break;}}}var reader = new FileReader();reader.onload = function(e){// 通过e.target.result取到base64然后上传var outputtext = "<img src=\""+e.target.result+"\">";if(isIE()){// 以下代码 IE ver < 11doc1.selection.createRange().pasteHTML(outputtext);}else{doc1.execCommand("insertHTML", false, outputtext);}// 作为src设到image标签上预览}reader.readAsDataURL(file); //此处的file为上面得到的文件对象```alert("paste1");//console.log(file)});/**/

js 访问剪贴板粘贴相关推荐

JS实现复制粘贴的方式
最近在项目中遇到了需要复制粘贴的功能,虽然是个简单的小功能,我竟然没做过,所以根据查找的资料还有实践在这里总结一下: JS实现复制粘贴方式: 原生通过document.execCommand('cop ...
【转载】js访问系统剪贴板
问题描述 IE 支持使用 window.clipboardData 对象内的一系列方法访问系统剪贴板: Chrome 和 Safari 中存在类似的 Clipboard 对象,且有与 IE 中类似的方 ...
js中paste粘贴事件
业务需求在评论输入框粘贴图片后实现图片自动上传实现思路用富文本编辑器实现监听输入框的粘贴事件考虑到项目其他地方没有富文本的需求,引入富文本增大代码大小,因此选择js方法paste粘贴事件 p ...
彻底搞定IE7频繁弹出“确实允许此网页访问剪贴板吗”
每次用IE7进51CTO论坛及其他网站或博客,在发贴复制粘贴的时候,一般会弹出一个对话框"确实允许此网页访问"剪贴板"吗?让人不胜其烦.现在我们就来彻底搞定这个问题,说来 ...
解决：“确实允许此网页访问剪贴板吗”
IE7频繁弹出"确实允许此网页访问剪贴板吗"问题问题描述访问论坛及其他网站或博客,在发贴复制粘贴的时候,一般会弹出一个对话框"确实允许此网页访问"剪 ...
php读取剪贴板内容,js如何处理剪贴板的内容？js处理剪贴板的内容的方法
本篇文章给大家带来的内容是关于js如何处理剪贴板的内容?js处理剪贴板的内容的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在学习这个知识点之前需要了解的是: 在网页中一般是不 ...
UC浏览器设置允许访问剪贴板网址的方法
uc浏览器是一个大家都很喜欢使用的搜索服务软件,很多用户都会使用这款软件进行搜索,还有很多用户会使用这款软件进行搜索,用户可以将自己想要的网址粘贴在页面上,方便用户进行搜索使用,用户在使用UC浏览器的 ...
js复制、粘贴完整实例代码
前端哥最近在做在线工具箱,用到了js复制.粘贴的功能,刚好现在有时间就记录下来,避免将来需要用到时候随机可查阅,同时也希望帮助到各位正在学习的前端小伙伴们前端哥用到的是浏览器自带clipboard ...
通过JS实现剪贴板操作
通过JS实现剪贴板操作在网上找到很多种方法,ZeroClipboard.js.clipboard.js插件等,但是都没有办法解决本人项目中的问题,最后发现可以通过navigator对象得到clipb ...

js 访问剪贴板粘贴

js 访问剪贴板粘贴相关推荐

最新文章

热门文章