Как получить ответ изображения с сервера Flask api, а затем отобразить его в приложении реакции - PullRequest
Новая
       20

Как получить ответ изображения с сервера Flask api, а затем отобразить его в приложении реакции

0 голосов
/ 22 января 2020

Поле данных ответа дает файл изображения.

Файл python на сервере flask имеет следующий код ответа: 

flask.send_file(loc_dir+res+".png", attachment_filename=res+".png", as_attachment=true)

Чтобы получить ответ в reactjs Я использую: 

var x = new Buffer(response.data, 'binary').toString('base64');
        console.log(x);
        this.setState({
            image_url: 'data:image/png;base64,'+x,
            gotGraph: true
        })

PS : Я уверен, что получаю правильный ответ на изображение при получении изображения при использовании Почтальона. enter image description here

Редактировать : 

await axios.post('http://ec2-xxxxxxxxxxxxxxx.compute-1.amazonaws.com/contrib/', {"url": "https://github.com/zeromq/cppzmq"}, {
    headers: {
        'Content-Type': 'application/json',
        'responseType': 'arraybuffer'
    }}).then(response => {
        var x = new Buffer(response.data, 'binary').toString('base64');
        console.log(x);
        this.setState({
            image_url: 'data:image/png;base64,'+x,
            gotGraph: true
        })
    })
...