Как разместить данные формы, используя Axios в узле - PullRequest
0 голосов
/ 06 мая 2019

РЕДАКТИРОВАТЬ Изменение названия, чтобы оно могло быть полезным для других

Я пытаюсь загрузить изображение в imgbb , используя их API, используя Axios, но продолжаюполучение сообщения об ошибке Empty upload source.

Документация API для imgbb показывает следующий пример:

curl --location --request POST "https://api.imgbb.com/1/upload?key=YOUR_CLIENT_API_KEY" --form "image=R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"

Код моего узла для репликации это:

    const fs = require('fs')
const FormData = require('form-data')
const Axios = require('axios').default

let file = '/tmp/the-test.png'
let url = 'https://api.imgbb.com/1/upload?key=myapikey'
var bodyData = new FormData();
let b = fs.readFileSync(file, {encoding: 'base64'})
bodyData.append('image', b)
Axios({
  method: 'post',
  url: 'url',
  headers: {'Content-Type': 'multipart/form-data' },
  data: {
    image: bodyData
  }
}).then((resolve) => {
  console.log(resolve.data);
}).catch(error => console.log(error.response.data));

Но я продолжаю получать следующее сообщение об ошибке ..

{
status_code: 400,
error: { message: 'Empty upload source.', code: 130, context: 'Exception' },
status_txt: 'Bad Request'
}

Не уверен точно, где я терплю неудачу.

Ради завершения и для других, как флаг --location транслируется в запрос axios?

1 Ответ

0 голосов
/ 06 мая 2019

Проблема была в заголовках. При использовании form-data вы должны обязательно передать сгенерированные им заголовки Axios. Ответ найден здесь

headers: bodyData.getHeaders()

Рабочий код:

const fs = require('fs');
const FormData = require('form-data');
const Axios = require('axios').default;

let file = '/tmp/the-test.png';
var bodyData = new FormData();
let b = fs.readFileSync(file, { encoding: 'base64' });
bodyData.append('image', b);
Axios({
  method  : 'post',
  url     : 'https://api.imgbb.com/1/upload?key=myapikey',
  headers : bodyData.getHeaders(),
  data    : bodyData
})
  .then((resolve) => {
    console.log(resolve.data);
  })
  .catch((error) => console.log(error.response.data));
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...