files文件上传传递给后台

自己组装封装数据

1、单个文件上传：

let formData = new FormData(); // 声明一个FormData对象

formData.append('files'，{xxxfile数据内容})

xxxfile数据内容文件内容如下示意：

 

2、多个文件上传

this.files是多个文件的集合
正确写法：

let formData = new FormData(); // 声明一个FormData对象

this.files.forEach(fileEle =>{

　　formData.append("files", fileEle[0]); // 'files' 这个名字要和后台获取文件的名字一样;视频文件  ，而且fileEle[0])的内容是直接是{}对象

 })

 

错误写法：

let formData = new FormData(); // 声明一个FormData对象

formData.append("files",this.files)

 

总结：向后台传递多个file文件和数组，应采用formData对象循环append文件，而不是把多文件数组，直接append到一个files里面。不然后台会接收不到文件对象

 

this.files内容格式如下截图所示：