js将本溪图片的转为base64

你可以使用 JavaScript 的 FileReader 和 Canvas API 将本地图片转换为 Base64 编码。以下是一个示例代码：

// 选择图片文件
const input = document.createElement('input');
input.type = 'file';
input.accept = 'image/*';
input.onchange = () => {
  const file = input.files[0];
  if (!file) return;

  // 读取文件内容
  const reader = new FileReader();
  reader.onload = () => {
    // 创建一个图片对象
    const img = new Image();
    img.onload = () => {
      // 创建一个画布对象
      const canvas = document.createElement('canvas');
      canvas.width = img.width;
      canvas.height = img.height;
      const ctx = canvas.getContext('2d');
      ctx.drawImage(img, 0, 0);

      // 将画布内容转换为 Base64 编码
      const base64 = canvas.toDataURL('image/jpeg');
      console.log(base64); // 输出 Base64 编码
    };
    img.src = reader.result;
  };
  reader.readAsDataURL(file);
};

// 显示文件选择框
document.body.appendChild(input);
input.click();

在上面的示例中，我们创建了一个文件选择框，当选择了一张图片后，就会读取该图片的内容，并将其转换为 Base64 编码。最后，我们将 Base64 编码输出到控制台中。你可以根据需求对代码进行修改。