首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS实现复制截图,自动显示图片,并上传图片到后端,源码自取

写博客的时候,很多作者会用到截图上传的功能,通过微信截图,QQ截图,直接将截取的图片通过Ctrl+v 复制到编辑器里。编辑器自动将图片上传,并返回图片地址,将图片渲染到页面上。...主要的知识点是,浏览的paste事件,clipboardData, 有关这两个属性的浏览器支持情况 paste 一个标准的Dom事件,粘贴事件,会在用户按下Ctrl+v ,或者通过鼠标复制时触发...我们将123 复制到输入域中, 打印的是event是一个叫做ClipboardEvent的对象, 内部存在着一个叫做clipboardData的属性,这便是我们在复制时存储数据的对象。...1971621943,955938305&fm=26&gp=0.jpg" /> <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.<em>js</em>...}) } 解释一下代码的主要逻辑 if (items && (items[0].type.indexOf('image') > -1 )) { ....... } 判断<em>复制</em>的对象是否是<em>图片</em>

6.3K10

网页中禁止复制的解决办法

既然已经分享了PDF转word进行编辑处理的方法,那就有小伙伴问我:我在浏览器中查阅资料的时候也出现过禁止复制的情况,这种应该怎么处理呢? 菜鸟小白这里教大家两种简单实用的方法。...然后点击开发者工具左上角的的箭头,选中你要复制的标题右击,你会发现右边出现了标题内容。 ? 我们双击文字就可以选中进行复制了。...但是这种方式只适合少量文字的复制,如果一篇文章都这么复制,那估计你也累的够呛了。...利用谷歌浏览器的打印功能 如果你需要复制整篇文章就建议你使用这种方式了,还是以菜鸟小白的文章页面为例。...打开网页按下Ctrl+P,弹出打印预览页面,在这个页面你就可以选这文章内容进行复制粘贴了。 ?

1.1K10
领券