要获取剪切板的内容,可以使用navigator.clipboard.readText()方法。这个方法会返回一个Promise,它解析为剪贴板中的文本内容。

要将本地图片路径转换为base64,可以使用FileReader对象,使用它的readAsDataURL()方法来读取文件并将其转换为base64编码。

下面是一个示例代码:

// 获取剪切板中的文本内容
navigator.clipboard.readText()
  .then(text => {
    console.log("剪切板内容:", text);
  })
  .catch(err => {
    console.error("无法读取剪切板内容:", err);
  });

// 将本地图片路径转换为base64
function convertToBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = () => resolve(reader.result);
    reader.onerror = error => reject(error);
    reader.readAsDataURL(file);
  });
}

// 读取本地图片文件并转换为base64
const input = document.getElementById("file-input");
input.addEventListener("change", () => {
  const file = input.files[0];
  if (file) {
    convertToBase64(file)
      .then(base64 => {
        console.log("图片的base64编码:", base64);
      })
      .catch(err => {
        console.error("转换为base64时出错:", err);
      });
  }
});

在上面的示例中,我们使用navigator.clipboard.readText()方法获取剪切板中的文本内容,并使用FileReader对象将本地图片文件转换为base64编码。请注意,使用FileReader读取文件是一个异步操作,因此我们使用了Promise来处理结果。

js 剪切版获取内容并且将本地的图片路径转换成base64

原文地址: https://www.cveoy.top/t/topic/ihKN 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录