如何使用 JavaScript 将图像转换为 Base64 字符串？-js教程-PHP中文网

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

Susan Sarandon

发布： 2024-12-18 06:25:10

原创

430 人浏览过

How Can I Convert an Image to a Base64 String Using JavaScript?

使用 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中文网其他相关文章！