直接上关键代码

copy_jpg('url.jpg') //示例// 复制图片，支持jpg，png，传入图片url即可
function copy_jpg(url) {var canvas = document.createElement('canvas') // 创建一个画板let image = new Image()image.setAttribute("crossOrigin", 'Anonymous') //可能会有跨越问题image.src = urlimage.onload = () => {  // img加载完成事件canvas.width = image.width  //设置画板宽度canvas.height = image.height //设置画板高度canvas.getContext('2d').drawImage(image, 0, 0); //加载img到画板let url = canvas.toDataURL("image/png") // 转换图片为dataURL，格式为pngthis.clipboardImg(url) // 调用复制方法}
}// 从url下载并复制图片，如果是png格式的图片直接调用此方法就能复制成功
async function clipboardImg(url) {try {const data = await fetch(url);const blob = await data.blob();await navigator.clipboard.write([new window.ClipboardItem({[blob.type]: blob})]);alert('复制成功')} catch (err) {alert('复制失败')}
}

我相信你们能看懂的
当然这是其中一种复制的方法，当然有其他更好的
需要注意当网页在本地或https协议才能复制成功

dome

https://dome.yyzhu.vip/js-copy-img

js复制图片，支持jpg和png相关推荐

js 复制图片到剪切板和 js复制文本到剪切板
js 复制图片到剪切板 <a href="javascript:;" id="copyQrcode" data-base=""> ...
js复制图片文字图文分享到微信/QQ，插件clipboard.js的应用案例
js复制图片-文字,可用于商品复制文案进行分享的功能~ 1.此案例应用到clipboard.js,具体使用可查阅文档: 2.这个框架功能还是比较强大的,复制文本和图片,复制成功后的html的标签会被去 ...
JS复制图片到剪切板读取剪切板
JS复制图片到剪切板读取剪切板 navigator.clipboard实现复制图片图片写入剪切板 function handleCopyImg() { const canvas = documen ...
js 复制图片到微信
目录需求:点击图片下的复制二维码实现复制图片功能实现:基于浏览器 Navigator.clipboard API实现注意:兼容性需求:点击图片下的复制二维码实现复制图片功能点击图 ...
JS复制图片到剪切板
业务场景系统中展示多张图片叠加展示,客户要求单击图片实现,将叠加的效果图复制到PC的剪切板,可以在社交等其他软件中粘贴. 网上复制文字的案例很多,这里分享一个复制图片到剪切板的代码,亲测有效. wi ...
js 复制图片_不会做ppt？Reveal.js让你复制粘贴另类拉风，简洁优雅又低调
要了解一个新知识我们可以从三个方面入手:是什么,有什么用,怎么用.下面我们就从这三个方面进行讲解Reveal.js Reveal.js是什么它是一个专门用来做 HTML 演示文稿的框架,通俗的讲它是 ...
html图片如何复制到剪贴板,记js复制图片到剪贴板的坑
故事背景,需要直接在页面上点击一键粘贴按钮,自动复制服务生成的图片到剪贴板方便业务一些粘贴发送给客户. 1.开始做法,使用原生的document.execCommand('copy')进行复制,代码如 ...
html5图片剪切板,原生js实现基于base64数据复制图片到剪切板，可以粘贴出图片，模拟浏览器复制功能。...
原生js实现基于base64数据复制图片到剪切板,可以粘贴出图片,模拟浏览器复制功能.前言: 初次发帖排版略丑,见谅.之前我们这边有个需求就是说,前端通过canvas截图然后, 点击一个按钮实现复制截 ...
js实现复制图片到剪切板下载图片
完整需求是这样的:生成一个二维码,然后提供复制和下载按钮.如果你是页面上已有一个图片,可以直接跳过前面的部分. 经后来测试,发现这种方法并不通用,我在qq和微信中不能粘贴,但是在钉钉中可以粘贴.具体原 ...

js复制图片，支持jpg和png

直接上关键代码

dome

js复制图片，支持jpg和png相关推荐

最新文章

热门文章