如何在 JavaScript 中將圖像編碼為 Base64 字串？

在JavaScript 中將圖像編碼為Base64 字串

問題：

如何將圖像轉換為Base64 編碼Script中的字串？此轉換是將圖像發送到伺服器進行進一步處理所必需的。

解：

方法 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中文網其他相關文章！