使用Axios下载图像并将其转换为base64

谢谢，效果很好！如果您要将base64放在<img src =“” ...中，那么请不要忘记在base64字符串前面加上“ data：image / jpeg; base64，” (4认同)

** DeprecationWarning：由于安全性和可用性问题，不建议使用Buffer（）。请改用Buffer.alloc（），Buffer.allocUnsafe（）或Buffer.from（）方法。** (2认同)

应该是Buffer.from（response.data，'binary'）） (2认同)

小智.. 13

可能有更好的方法来做到这一点,但我已经这样做了(减去额外的比特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输出中有一些东西.

这对我很有用:

function getBase64(url) {
  return axios
    .get(url, {
      responseType: 'arraybuffer'
    })
    .then(response => Buffer.from(response.data, 'binary').toString('base64'))
}

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);

        }
    });