js 将一张图片转换为base64

你可以使用 JavaScript 的 FileReader 对象来将图片转换为 base64 格式。下面是一个示例代码：

function convertImageToBase64(image) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();

    reader.onloadend = () => {
      resolve(reader.result);
    };

    reader.onerror = reject;

    reader.readAsDataURL(image);
  });
}

// 使用示例
const imageElement = document.querySelector('img'); // 假设有一个图片元素

convertImageToBase64(imageElement.files[0])
  .then(base64 => {
    console.log(base64); // 输出图片的 base64 格式
  })
  .catch(error => {
    console.error('转换失败:', error);
  });

在这个示例中，我们定义了一个 `convertImageToBase64` 函数，该函数接受一个图片作为参数，并返回一个 Promise 对象。在函数内部，我们创建了一个 FileReader 对象，并设置其 `onloadend` 事件处理程序，当图片读取完成时触发。在这个事件处理程序中，我们通过 `reader.result` 来获取图片的 base64 格式。最后，我们调用 `reader.readAsDataURL` 方法来读取图片文件。

请注意，这个示例假设你已经有了一个图片元素，并且用户已经选择了要上传的图片文件。你可以根据实际情况修改代码来适应你的需求。