其他分享
首页 > 其他分享> > 点击复制图片

点击复制图片

作者:互联网

  参考 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