如何使用 JavaScript 将图像转换为 Base64 字符串？

Question

前端我需要将我的图像转换为 Base64 字符串然后传送给后端，但是我怎么样才能把图片转换为 Base64 字符串？

Answer 1

function toDataURL(url, callback) {
var xhr = new XMLHttpRequest();
xhr.onload = function() {
var 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', function(dataUrl) {
console.log('RESULT:', dataUrl)
})