如何使用 JavaScript 将图像转换为 Base64 字符串？

使用 JavaScript 将图像转换为 Base64 字符串

要求：

您需要转换将图像转换为 Base64 字符串以将其发送到

解决方案：

JavaScript 提供了多种图像到 Base64 转换的方法。

1. FileReader 方法：

此方法利用 FileReader API（具体来说，readAsDataURL()）将从图像 URL 加载的 blob 转换为 dataURL。

代码示例：

function toDataURL(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onload = function() {
    var reader = new FileReader();
    reader.onloadend = function() {
      callback(reader.result);
    }
    reader.readAsDataURL(xhr.response);
  };
  xhr.open('GET', url);
  xhr.responseType = 'blob';
  xhr.send();
}

toDataURL('https://www.gravatar.com/avatar/d50c83cc0c6523b4d3f6085295c953e0', function(dataUrl) {
  console.log('RESULT:', dataUrl)
})

此方法涉及使用 XMLHttpRequest 来获取图像一个 blob，然后使用 FileReader 将其转换为 dataURL。

以上是如何使用 JavaScript 将图像转换为 Base64 字符串？的详细内容。更多信息请关注PHP中文网其他相关文章！