js 复制图片到剪切板

在JavaScript中，要复制图片到剪切板，可以使用Clipboard API。以下是一个示例代码，可以将图片复制到剪切板：

function copyImageToClipboard(imageUrl) {
  // 创建一个临时的img元素
  var img = document.createElement('img');

  // 设置图片源为要复制的图片URL
  img.src = imageUrl;

  // 创建一个空的clipboard实例
  var clipboard = new ClipboardJS('.copy-button', {
    text: function() {
      return imageUrl;
    }
  });

  // 监听复制成功事件
  clipboard.on('success', function() {
    console.log('图片已成功复制到剪切板');
    // 清除临时的img元素
    document.body.removeChild(img);
    // 销毁clipboard实例
    clipboard.destroy();
  });

  // 监听复制失败事件
  clipboard.on('error', function() {
    console.error('图片复制到剪切板失败');
    // 清除临时的img元素
    document.body.removeChild(img);
    // 销毁clipboard实例
    clipboard.destroy();
  });

  // 将临时的img元素附加到页面上，触发复制操作
  document.body.appendChild(img);
}

// 调用函数，将图片复制到剪切板
copyImageToClipboard('https://example.com/image.jpg');

请注意，上述代码使用了ClipboardJS库来简化复制操作。你需要在项目中引入该库。