如何使用 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中文網其他相關文章！