CONVERT图像URL到Base64 [英] CONVERT Image url to Base64

问题描述

使用图像文件，我得到一个图像的网址，需要发送到网络服务。从那里，图像必须在我的系统上本地保存。

Using an Image File, I am getting the url of an image, that needs be to send to a webservice. From there the image has to be saved locally on my system.

我正在使用的代码：

var imagepath = $("#imageid").val();// from this getting the path of the selected image

that var st = imagepath.replace(data:image/png or jpg; base64"/"");

如何将图片网址转换为BASE64？

How to convert the image url to BASE64?

推荐答案

HTML

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

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\/(png|jpg);base64,/, "");
}

var base64 = getBase64Image(document.getElementById("imageid"));

此方法需要canvas元素，完全支持。

This method requires the canvas element, which is perfectly supported.

• MDN参考 HTMLCanvasElement.toDataURL（） 。


• 官方 W3C文档。

• The MDN reference of HTMLCanvasElement.toDataURL().
• And the official W3C documentation.

这篇关于CONVERT图像URL到Base64的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！