使用图像文件,我得到图像的 url,需要将其发送到网络服务。从那里图像必须本地保存在我的系统上。
我使用的代码:
var imagepath = $("#imageid").val();// from this getting the path of the selected image
that var st = imagepath.replace(data:image/png or jpg; base64"/"");
如何将图片url转成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 元素,即perfectly supported .
HTMLCanvasElement.toDataURL()
的 MDN 引用.- 和官方W3C documentation .
关于javascript - 将图片从 url 转换为 Base64,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22172604/