Download an image using axios post request

Question

I need base64 image chart from 'http://export.highcharts.com/'

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

Why `post` and not `get`? https://codepen.io/dotexe0/pen/qBBwxvG — dev, Nov 22 '19 at 18:19

score 0 · Answer 1 · answered Nov 22 '19 at 18:23

Here you can get image and convert it to base64. also similar to this question you can check the following link to get more information.

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

score 0 · Accepted Answer · answered Nov 22 '19 at 19:34

This works fine

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

Download an image using axios post request

2 Answers2