将图片或者截图写入剪切板

  let url = URL.createObjectURL(file.fileBlod)
  // const imgURL = 'https://img2.baidu.com/it/u=695676904,3280053507&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=586';
  const data = await fetch(url);
  const blob = await data.blob();

  await navigator.clipboard.write([
          new ClipboardItem({
               [blob.type]: blob,
          }),
  ]);

以上是核心代码

如果有图片的地址,那么直接 fetch(url) 就行,如果是截图,那么获取到截图的文件流,就可以使用 URL.createObjectURL( ) 方法老获取 图片的内存地址,然后fetch() 就可以了

注意: 剪切板只有在https环境才可以使用,如果你是本地调试,启动的是http就会调不了!!!

获取截图的文件流可以看另一篇文章: js前端截图,dom元素截图_small_redhat的博客-CSDN博客

你可能感兴趣的:(前端,javascript,开发语言)