js下载图片转为base64

要将图片下载并转换为 base64 格式，可以使用 JavaScript 的 `XMLHttpRequest` 对象来下载图片，然后使用 `<canvas>` 元素将图片转换为 base64。

以下是一个示例，演示如何使用 JavaScript 下载图片并将其转换为 base64：

function downloadImageAndConvertToBase64(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';

  xhr.onload = function() {
    if (xhr.status === 200) {
      var reader = new FileReader();
      reader.onloadend = function() {
        callback(reader.result);
      };
      reader.readAsDataURL(xhr.response);
    }
  };

  xhr.send();
}

var imageUrl = '/path/to/image.jpg';

downloadImageAndConvertToBase64(imageUrl, function(base64Image) {
  console.log(base64Image); // 在这里处理 base64 图像数据
});

在上面的示例中，我们定义了一个函数 `downloadImageAndConvertToBase64()`，它接受两个参数：图像的 URL 和一个回调函数。在函数内部，我们创建了一个 `XMLHttpRequest` 对象，并设置其 `responseType` 属性为 `'blob'`，以便获取图像的二进制数据。

然后，我们使用 `XMLHttpRequest` 对象发送 GET 请求来下载图像。当请求成功完成时，我们使用 `FileReader` 对象将图像数据转换为 base64 格式，并将结果传递给回调函数。

最后，我们指定了图像的 URL，并调用 `downloadImageAndConvertToBase64()` 函数，将图像下载并转换为 base64。

请注意，由于涉及跨域请求，需要确保服务器允许跨域访问图像。另外，请确保替换示例中的图像 URL 为你自己的实际 URL。