element-ui自带的多文件上传是做成了多文件多次上传,公司有需求需要选取多个文件一次上传全部.
代码部分
将文件拖到此处,或点击上传支持上传jpg/png/gif文件,且不超过100M上传到服务器 清空
后端代码(模拟)
@RequestMapping("/oss/ossUploadObject") public ApiResponseuploadObject(@RequestParam("file") MultipartFile[] file, FileVo fileVo){ //...code FileDto dto = new FileDto(); dto.setUrl(""); dto.setFileId(""); return ApiResponse.success(FileDto); }
在使用vue+elementui 实现文件上传的时候,我发现官网给的组件每次都会自动上传,而且一次上传一个文件。但是我实际的业务是,一次上传多个文件。
前端代码:
只能上传jpg/png文件,且不超过500kb![]()
点击查看filelist 提交
后端接口代码:
package com.yj.wiki.controller; import org.springframework.web.bind.annotation.CrossOrigin; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RestController; import org.springframework.web.multipart.MultipartFile; @RestController @CrossOrigin public class UploadFileController { @PostMapping("/upload") public String upload(MultipartFile[] files){ for (MultipartFile file : files) { System.out.println(file.getOriginalFilename()); } return "ok"; } @PostMapping("/testabc") public String upload(String name){ System.out.println(name ); return "ok"; } }
下一个:C++定义全局变量的方法