如何在 JavaScript 中将图像编码为 Base64 字符串？

在 JavaScript 中将图像编码为 Base64 字符串

问题：

如何将图像转换为 Base64 编码JavaScript 中的字符串？此转换是将图像发送到服务器进行进一步处理所必需的。

解决方案：

方法 1：FileReader

利用FileReader API，您可以启动XMLHttpRequest以blob形式检索图像，然后进行处理

function toDataURL(url, callback) {
  let xhr = new XMLHttpRequest();
  xhr.onload = function() {
    let 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', dataUrl => {
  console.log('RESULT:', dataUrl);
});

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