使用 axios post 请求下载图像答案

【问题标题】：Download an image using axios post request使用 axios post 请求下载图像
【发布时间】：2019-11-23 03:34:52
【问题描述】：

我需要来自'http://export.highcharts.com/'的base64图像图表

    getImg () {
          const self = this;
          axios.post('http://export.highcharts.com/', { options: self.$refs['lineChart'].options, type: 'image/png' }).then(function (response) {
            base64.encode(response.data)
          }).catch(function (e) {
            console.log(e)
          });
    },

【问题讨论】：

为什么是post 而不是get？ codepen.io/dotexe0/pen/qBBwxvG
你必须使用get 而不是post
Highcharts api提供get方法吗？

标签： javascript highcharts axios

【解决方案1】：

在这里您可以获取图像并将其转换为base64。也与此问题类似，您可以查看以下link 以获取更多信息。

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

【讨论】：

【解决方案2】：

这很好用

getImg () {
          const self = this;
          axios.post('http://export.highcharts.com/', { options: self.$refs['lineChart'].options, type: 'image/png' }, { responseType: 'arraybuffer' }).then(function (response) {
            let PNGBase64 = 'data:image/png;base64,' + Buffer.from(response.data, 'binary').toString('base64')
          }).catch(function (e) {
            console.log(e)
          });
    },

【讨论】：