clipboard 实现复制base64的图片功能

562 阅读1分钟

1.下载插件clipboard-polyfill。

import * as clipboard from "clipboard-polyfill";

不知道为什么navigator.clipboard用不了

2.将base64图片转blod之后复制进剪切板

async testFn(base64Img) {
      console.log("==================>base64Img", base64Img);
      const data = await fetch(base64Img);
      const blob = await data.blob();
      
      await clipboard.write([
        // eslint-disable-next-line no-undef
        new clipboard.ClipboardItem({
          [blob.type]: blob,
        }),
      ]);
    },

注意请在http协议下操作

阮一峰的 剪贴板操作 Clipboard API 教程

参考 实现复制图片到剪切板