js怎么弄list_JS 里怎么构造 FilesList 对象？

8

2018-07-07 23:39:57 +08:00   1

@TomatoYuyuko 如果是多个文件。 则：

selectedFiles 是数组，是 input type=file 选择出来的 file 对象( input onchange 之后 的 event.target.files[0])。

const formData = new FormData();

if (selectedFiles.length) {

selectedFiles.forEach((file) => {

formData.append('Files', file, file.name);

});

}

formData.append('Files', 12345);

formData.append('Files', 67890);

只要是 append 的，都会新增，不会覆盖。append 第一个参数一样的，也不会覆盖。相同的文件传两遍也不会覆盖，不是文件也不会覆盖。

Request payload 就是

------WebKitFormBoundaryUJdNWWlo0O7Pwhcn

Content-Disposition: form-data; name="Files"; filename="name1.jpg"

Content-Type: image/jpeg

------WebKitFormBoundaryUJdNWWlo0O7Pwhcn

Content-Disposition: form-data; name="Files"; filename="name2.jpg"

Content-Type: image/jpeg

------WebKitFormBoundaryUJdNWWlo0O7Pwhcn

Content-Disposition: form-data; name="Files"; filename="name1.jpg"

Content-Type: image/jpeg

------WebKitFormBoundaryUJdNWWlo0O7Pwhcn

Content-Disposition: form-data; name="Files"

12345

------WebKitFormBoundaryUJdNWWlo0O7Pwhcn

Content-Disposition: form-data; name="Files"

67890