我需要从远程服务器下载 .jpg 图像并将其转换为 base64 格式。我使用 axios 作为我的 HTTP 客户端。我试过向服务器发出 git 请求并检查response.data它，但它似乎不像那样工作。
axios 链接：https : //github.com/mzabriskie/axios
base64 实现链接：https : //www.npmjs.com/package/base-64
我正在使用 NodeJS/React，所以 atob/btoa 不起作用，因此图书馆。
axios.get('http://placehold.it/32').then(response => {
console.log(response.data); // Blank
console.log(response.data == null); // False
console.log(base64.encode(response.data); // Blank
}).catch(err => console.log(err));
这对我很有用：
function getBase64(url) {
return axios
.get(url, {
responseType: 'arraybuffer'
})
.then(response => Buffer.from(response.data, 'binary').toString('base64'))
}
可能有更好的方法来做到这一点，但我已经这样做了（减去像catch()等的额外位）：
axios.get(imageUrl, { responseType:"blob" })
.then(function (response) {
var reader = new window.FileReader();
reader.readAsDataURL(response.data);
reader.onload = function() {
var imageDataUrl = reader.result;
imageElement.setAttribute("src", imageDataUrl);
}
});
我怀疑您的问题至少有一部分可能是服务器端的。即使没有设置{ responseType: "blob" }，您的response.data输出中也应该有一些东西。
这对我有用（与Buffer.from）-
axios
.get(externalUrl, {
responseType: 'arraybuffer'
})
.then(response => {
const buffer = Buffer.from(response.data, 'base64');
})
.catch(ex => {
console.error(ex);
});
您可以将 Blob 从FileReader api转换为 base64 ，然后显示它。
const fileReaderInstance = new FileReader();
fileReaderInstance.readAsDataURL(blob);
fileReaderInstance.onload = () => {
base64data = fileReaderInstance.result;
console.log(base64data);
}
并将其显示为：
<Image source={{uri: base64ImageData}} />