JS获取远程图片并复制到剪粘板的功能

https://developer.mozilla.org/en-US/docs/Web/API/ClipboardItem/ClipboardItem

async function writeClipImg() {
  try {
    if (ClipboardItem.supports("image/png")) {
      const imgURL = "/my-image.png";
      const data = await fetch(imgURL);
      const blob = await data.blob();
      await navigator.clipboard.write([
        new ClipboardItem({
          [blob.type]: blob,
        }),
      ]);
      console.log("Fetched image copied.");
    } else {
      console.log("image png is not supported");
    }
  } catch (err) {
    console.error(err.name, err.message);
  }
}

Clipboard::write接口
https://developer.mozilla.org/zh-CN/docs/Web/API/Clipboard/write

function setClipboard(text) {
  const type = "text/plain";
  const blob = new Blob([text], { type });
  const data = [new ClipboardItem({ [type]: blob })];

  navigator.clipboard.write(data).then(
    () => {
      /* success */
    },
    () => {
      /* failure */
    },
  );
}

版权属于：Joyber

本文链接：https://blog.qqvbc.com/default/1241.html

转载时须注明出处及本声明