AXIOS NodeJ中的POST文件

时间:2020-06-25 14:04:15

标签: node.js axios

将文件发布为AXIOS NodeJS中的原始主体。我尝试了许多方法来实现这一目标,但没有一个奏效。

我尝试了什么?

var file = fs.readFileSync("a.jpg");
var body = await axios({ method: 'POST', url : "myUrl", data : file });
var file = fs.readFileSync("a.jpg").toString();
var body = await axios({ method: 'POST', url : "myUrl", data : file });
var file = fs.readFileSync("a.jpg",{encoding:"utf8"}).toString();
var body = await axios({ method: 'POST', url : "myUrl", data : file });
var file = fs.readFileSync("a.jpg");
file = Buffer.from(file).toString('utf8')
var body = await axios({ method: 'POST', url : "myUrl", data : file });
var file = fs.createReadStream("a.jpg");
var body = await axios({ method: 'POST', url : "myUrl", data : file });

但是他们都没有我想要的。

浏览器中的JQuery AJAX的实际工作示例

var fileupload = $("#inpFile")[0];
var file = fileupload.files[0];
$.ajax({
    url: "https://hookb.in/b9gqlwbZeaT3DDogQ7Om",
    type: 'POST',
    success: function (response) {
        DisplayMessage(response);
    },
    data: file,
    contentType: false,
    processData: false
});

1 个答案:

答案 0 :(得分:1)

您是否尝试设置内容类型标题? 根据Talg123,我发现,如果您在jQuery中将contentType设置为false,则可能等同于multipart/form-data

客户端:

async function main(){
  try{
    const buffer = new ArrayBuffer(8);
    const data = new FormData();
    const blob = new Blob([buffer],{type : 'multipart/form-data'});
    data.append('data', blob);
    const options = {
      url: "https://hookb.in/b9gqlwbZeaT3DDogQ7Om",
      method: 'POST',
      headers: { 'content-type': 'multipart/form-data' },
      data
    };
    let result = await axios(options);
    console.log(result);
  }catch(e){
    console.error("error",e);
  }
}
main()
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>

https://github.com/axios/axios/issues/1006#issuecomment-584840380的服务器端

const axios = require('axios');
const FormData = require('form-data');

// Where buffer is a file
formData.append('file', buffer);

// Added a promise version like seen in earlier comments to get this
const contentLength = await formData.getLength();

await axios(`<ENDPOINT>`, {
    method: 'POST',
    baseURL: <BASE_URL>,
    params: {
        fileName: '<FILE_NAME>.png'
    },
    headers: {
        authorization: `Bearer <TOKEN>`,
        ...formData.getHeaders(),
        'content-length': contentLength
    },
    data: formData
});

js拨弄图片/ jpeg

https://jsfiddle.net/bn7yLh61/