前后端分离之多文件上传

最新推荐文章于 2024-07-22 15:29:27 发布

monkey-jie

最新推荐文章于 2024-07-22 15:29:27 发布

阅读量3.1k

点赞数

分类专栏： springboot springboot 文章标签：多文件上传

本文链接：https://blog.csdn.net/qq_40663357/article/details/90271713

版权

本文探讨了在前后端分离的架构下如何实现多文件上传。关键点在于前端使用FormData封装每个文件，而不是将整个文件数组一次性封装。后端通过multipartFile接收，并因数据库限制，使用额外的表存储多文件信息。文件存储则借助外部服务，如七牛云。详细后端代码已给出。

摘要由CSDN通过智能技术生成

后端使用multipartFile类型接受前端传的文件。前端既要传表单数据又要传文件，只能采用formdata格式来封装数据。前端在封装多文件时有个要注意的问题，我们前端开始没有注意这个问题，导致一直不能上传成功。
就是要在formdata内遍历多文件的数组，再一个一个地封装成formdata类型，而不能直接整个多文件数组封装成一个formdata，这样后端是没有办法去解析的。

下面贴上后端代码（我暂时没有前端代码）
因为涉及到了多文件，而数据库一个列不能存多个数据，这里用了单独一张表来存放这个多文件。
至于文件上传到七牛云的，可以参考我的博客。https://blog.csdn.net/qq_40663357/article/details/88877346

@ApiOperation("将活动信息保存到数据库")
    @ApiImplicitParams({@ApiImplicitParam(name = "annex",dataType = "MultipartFile"),
            @ApiImplicitParam(name = "picture",dataType = "MultipartFile",allowMultiple = true)})
    @PostMapping("/active/save")
    public JsonResult saveActive(@ApiParam("标题") @RequestParam(value = "title",required