利用formData实现多文件上传

最新推荐文章于 2025-09-22 09:14:58 发布

原创最新推荐文章于 2025-09-22 09:14:58 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

其他专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何使用前端JavaScript和后端Java实现文件上传功能，并整合到工作流程中。前端通过FormData对象收集文件和其他数据，而后端则通过MultipartFile数组接收并处理上传的文件。

1.前端

let formDatas = new FormData();
let fileList = this.workFlowData.fileList;
fileList.forEach(file=>{
    formDatas.append('files',file);
});
formDatas.append('number',this.workFlowData.number);
post(enterpriseInnerService.startWorkflow,formDatas).then(data => {

}).catch(({err}) => {
    this.$message.error('上传失败');
})

2.后端

@RequestMapping(path = "/startWorkflow", method = RequestMethod.POST)
public void startWorkflow(
    HttpServletRequest req,
    @RequestParam("files") MultipartFile [] files,
    String number
) {
    if(files.length > 0){
        for(int i=0,len=files.length;i<len;i++){
            System.out.println("file====="+files[i].getOriginalFilename());
        }
    }
   System.out.println("number====="+number);
}