Filepond在一个请求中处理所有文件

时间:2019-06-22 12:56:30

标签: javascript reactjs file-upload filepond

我正在使用react-filepond处理多个文件。我需要在一个请求中将所有文件一起发送到API,而不是每个文件都发送多个请求:

var test = [
    "TAG1: asd asd testTAG2:TEST",
    "TAG1:asd asd test TAG2:TEST",
    "TAG1: asd asd test TAG2:TEST TAG1:hello"
];
console.log(test.map(function (a) {
  return a.split(/(TAG1|TAG2):/);
}));

沙盒链接here

我该如何实现?

1 个答案:

答案 0 :(得分:0)

请勿使用server属性。您可以将files数组映射到文件对象files.map(item => item.file),然后将文件项传递到FormData对象,然后将formData对象发送到服务器。

const formData = new FormData();
files.map(item => item.file).forEach(file => formData.append('my-file', file))

// send formData to server with `fetch` or `XMLHttpRequest`