js 对 FileList 进行文件过滤上传

Fork Me On Github

js 对 FileList 进行文件过滤上传

默认 FileList 是只读,无法进行修改

但有时候 前端可以进行一些文件过滤

例如:

当上传多个图片时,以拖拽的形式获取文件,但这时获取到的 FileList 除了图片可能还包含其他类型的文件

这是就可以使用 FormData 进行多文件上传

ts
         
const form = new FormData();
for (let i = 0; i < files.length; i++) {
    const file = files[i];
    if (file.type.indexOf('image/') < 0) {
        continue;
    }
    form.append('file[]', file, file.name);
}
post('upload', form);
123456789

这样通过 post 方式提交,在服务端获取的依然是多个文件

例如:PHP

php
 
$_FILES['file'];  // 获取到的文件就是多文件  ['name' => ['', ''], ...]
1
点击查看全文
0 801 0