如何在 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中文网其他相关文章！