时间:2021-05-26
本文实例实现通过按下ctrl + v将粘贴板上的图片粘贴到网页中,话不说直接上代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片粘贴</title> <style> #img{ width: 500px; } </style> <img id="img" src="" alt=""> 通过Ctrl + v将图片粘贴</head><body> <script> setPasteImg(); //获取粘贴板上的图片 function setPasteImg(){ //粘贴事件 document.addEventListener('paste', function(event){ if (event.clipboardData || event.originalEvent) { var clipboardData = (event.clipboardData || event.originalEvent.clipboardData); if(clipboardData.items){ var blob; for (var i = 0; i < clipboardData.items.length; i++) { if (clipboardData.items[i].type.indexOf("image") !== -1) { blob = clipboardData.items[i].getAsFile(); } } var render = new FileReader(); render.onload = function (evt) { //输出base64编码 var base64 = evt.target.result; document.getElementById('img').setAttribute('src',base64); } render.readAsDataURL(blob); } } }) } </script></body></html>演示结果
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
2.笔记图片丢失复制网页图片到笔记 如果是使用直接复制带有图片的网页,并粘贴到有道云笔记中的话,图片是会含有网页的外链的,如果原网站删除图片或移动图片地址的话
IM聊天图片发送有两种方式截图粘贴到信息框后点击发送选择本地图片发送图片剪切粘贴,使用QQ或者其他平台的截图功能,截图后粘贴Ctrl+V,这个过程需要获取粘贴板
这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图、旺旺截图或者其它截图软件。具体代码
网页中的图片变动的效果直接粘贴到浏览器地址栏里运行就可以看到效果了记得先打开个图片多的页面复制代码代码如下:javascript:R=0;x1=.1;y1=.0
电脑无法复制粘贴的原因及解决方法有: 1、一般是粘贴板有东西,需要关机或者重启就可以了。 2、还有就是有的网页上禁止粘贴复制,可以把要粘贴的东西,粘贴到记事