如何在 Javascript 中將圖像 URL 轉換為 Base64？

如何將圖像URL 轉換為Base64

您從圖像輸入中獲得了一個圖像URL，需要將其轉換為Base64，以便您可以將其發送到網路服務並在本地保存圖像。您目前使用的程式碼不會將 URL 轉換為 Base64。

要實現此目的，您可以使用以下步驟：

1. 建立一個JavaScript 函數來將映像轉換為Base64：

<code class="javascript">function getBase64Image(img) {
  var canvas = document.createElement("canvas");
  canvas.width = img.width;
  canvas.height = img.height;
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0);
  var dataURL = canvas.toDataURL("image/png");
  return dataURL.replace(/^data:image\/?[A-z]*;base64,/);
}</code>

此函數將圖像元素(img) 作為輸入並傳回Base64 編碼的字串。

2. 從HTML 取得圖片元素：

<code class="html"><img id="imageid" src="https://www.google.de/images/srpr/logo11w.png"></code>

3. 使用getBase64Image(Base64 ：

<code class="javascript">var base64 = getBase64Image(document.getElementById("imageid"));</code>

這會將影像轉換為Base64 並將結果儲存在Base64 變數中。然後，您可以將 base64 變數傳送到您的 Web 服務以在本機上儲存映像。

以上是如何在 Javascript 中將圖像 URL 轉換為 Base64？的詳細內容。更多資訊請關注PHP中文網其他相關文章！