springboot整合vue实现上传下载文件

springboot整合vue实现上传下载文件

环境

springboot 1.5.x

完整代码下载：

springboot整合vue实现上传下

1上传下载文件api文件

设置上传路径，如例子：

private final static String rootPath =
System.getProperty(“user.home”)+File.separator+fileDir+File.separator;

api接口：

下载url示例:http://localhost:8080/file/download?fileName=新建文本文档.txt

//上传不要用@Controller,用@RestController
@RestController
@RequestMapping("/file")
public class FileController {
    private static final Logger logger = LoggerFactory.getLogger(FileController.class);
    //在文件操作中，不用/或者\最好，推荐使用File.separator
    private final static String  fileDir="files";
    private  final static String rootPath = System.getProperty("user.home")+File.separator+fileDir+File.separator;
    @RequestMapping("/upload")
    public Object uploadFile(@RequestParam("file") MultipartFile[] multipartFiles, final HttpServletResponse response, final HttpServletRequest request){
        File fileDir = new File(rootPath);
        if (!fileDir.exists() && !fileDir.isDirectory()) {
            fileDir.mkdirs();
        }
        try {
            if (multipartFiles != null && multipartFiles.length > 0) {
                for(int i = 0;i

访问：http://localhost:8080

上传

批量上传：

下载：

2.上传大文件配置

/**
     * 设置上传大文件大小，配置文件属性设置无效
     */
    @Bean
    public MultipartConfigElement multipartConfigElement() {
        MultipartConfigFactory config = new MultipartConfigFactory();
        config.setMaxFileSize("1100MB");
        config.setMaxRequestSize("1100MB");
        return config.createMultipartConfig();
    }

3.vue前端主要部分