时间戳

首页 > 解决方案 > 通过表单数据 axios 上传文件的问题

javascript - 通过表单数据 axios 上传文件的问题

问题描述

我正在尝试上传服务器文件，但它给了我未选择文件的响应。做与 axios 和 form-data 文档相同的事情，但仍然有错误。

let form = new FormData();
form.append('file', fs.createReadStream('./files/50.jpg'));

const config = {
    headers: {
        ...form.getHeaders(),
        Authorization: token
    }
}

axios.post(url, form, config)
.then(response => console.log(response.data, response.status))
.catch(err => console.error(err.config, err.response.data))

回应是

{
  url: 'https://example.com',
  method: 'post',
  data: FormData {
    _overheadLength: 148,
    _valueLength: 0,
    _valuesToMeasure: [ [ReadStream] ],
    writable: false,
    readable: true,
    dataSize: 0,
    maxDataSize: 2097152,
    pauseStreams: true,
    _released: true,
    _streams: [],
    _currentStream: null,
    _insideLoop: false,
    _pendingNext: false,
    _boundary: '--------------------------897634953482711246524185',
    _events: [Object: null prototype] { error: [Function: handleStreamError] },
    _eventsCount: 1
  },
  headers: {
    Accept: 'application/json, text/plain, */*',
    'Content-Type': 'multipart/form-data; boundary=--------------------------897634953482711246524185',
    Authorization: 'Bearer token',
    'User-Agent': 'axios/0.19.2'
  },
  transformRequest: [ [Function: transformRequest] ],
  transformResponse: [ [Function: transformResponse] ],
  timeout: 0,
  adapter: [Function: httpAdapter],
  xsrfCookieName: 'XSRF-TOKEN',
  xsrfHeaderName: 'X-XSRF-TOKEN',
  maxContentLength: -1,
  validateStatus: [Function: validateStatus]
} { errors: [ { code: 65536, message: 'Must upload one file' } ] }

请帮助我如何上传文件，错误在哪里？或者，也许您可​​以提供一些替代方法来解决这种情况。

标签： javascriptpostaxiosmultipartform-dataform-data

解决方案

谢谢大家，但我在 Postman.Code -> NodeJs - Axios 中找到了答案

var axios = require('axios');
var FormData = require('form-data');
var fs = require('fs');
var data = new FormData();
data.append('file', fs.createReadStream('/Users/anton/Downloads/50 (1).jpg'));

var config = {
  method: 'post',
  url: 'https://...',
  headers: { 
    'Authorization': 'Bearer ...', 
    'Content-Type': 'multipart/form-data', 
    ...data.getHeaders()
  },
  data : data
};

axios(config)
.then(function (response) {
  console.log(JSON.stringify(response.data));
})
.catch(function (error) {
  console.log(error);
});

推荐阅读