点击复制图片
作者:互联网
参考 https://www.ruanyifeng.com/blog/2021/01/clipboard-api.html
使用了 navigator.clipboard api,这个api的使用 要在本地的http://localhost/ 环境,或者https 上面才能使用
使用的是blob 流复制,
const blobInput = this.convertBase64ToBlob("", "image/png"); await navigator.clipboard.write([ new ClipboardItem({ [blobInput.type]: blobInput, }), ]); base64ToBlob(code) { const parts = code.split(";base64,"); const contentType = parts[0].split(":")[1]; const raw = window.atob(parts[1]); const rawLength = raw.length; const uInt8Array = new Uint8Array(rawLength); for (let i = 0; i < rawLength; ++i) { uInt8Array[i] = raw.charCodeAt(i); } return new Blob([uInt8Array], { type: contentType }); }, 就能实现复制了
标签:parts,const,clipboard,api,uInt8Array,raw,点击,复制,图片 来源: https://www.cnblogs.com/94wang/p/16171142.html