springboot文件上传下载以及把上传的图片回显在前端

springboot文件上传下载以及把上传的图片回显在前端

代码基本是固定的，拿去用的话只要改一下文件路径即可

一、先看怎么使用 1、上传

访问http://localhost:8080/ 会打开index.html，显示了默认图片（自己设置）

D:test中只有一张默认图片（之后上传的图片都会保存在这里）

点击 选择文件，这里我选择1.jpg

点击确认之后，前端的图片改变了（功能是在Index.html实现的）

点击 提交，提示我们 上传成功

在IDEA中可以看到输出了文件名称以及前端form传进来的数据

在文件夹可以看到图片进来了，而且名字改为了 2.jpg(在FileController实现)

2、下载

直接点击这个超链接会进行下载

右上角d出下载的选项，就可以下载了

二、再看代码和解析 1、项目结构

2、pom.xml

    4.0.0
    
        org.springframework.boot
        spring-boot-starter-parent
        2.5.6
         
    
    com.jiyu
    sp06-file
    0.0.1-SNAPSHOT
    sp06-file
    sp06-file
    
        1.8
    
    
        
            org.springframework.boot
            spring-boot-starter
        

        
            org.springframework.boot
            spring-boot-starter-test
            test
        

        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        

        
            org.springframework.boot
            spring-boot-starter-web
        

        
            org.springframework.boot
            spring-boot-devtools
            true
        
    

    
        
            
                org.springframework.boot
                spring-boot-maven-plugin
            
        
    

3、index.html

当我们选择照片时就会触发方法uploadAvatar()，将我们上传的照片回显在前端

    
    
    






下载1.jpg

4、FileController.java

package com.jiyu.controller;

import org.springframework.stereotype.Controller;
import org.springframework.util.ResourceUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.*;

@Controller
public class FileController {

    //文件上传
    @RequestMapping(value = "upload")
    @ResponseBody
    public String upload(@RequestParam("spicture") MultipartFile file,String sno,String sname) {
        if (file.isEmpty()) {
            return "文件为空";
        }
        // 获取文件名
        String fileName = file.getOriginalFilename();

        //修改上传完成后的文件名(没有该需求可以删除这行)
        fileName="2.jpg";

        System.out.println(("上传的文件名为：" + fileName));
        // 获取文件的后缀名
        String suffixName = fileName.substring(fileName.lastIndexOf("."));
        System.out.println(("上传的后缀名为：" + suffixName));
        // 文件上传后的路径
        String filePath = "D://test//";
        // 解决中文问题，liunx下中文路径，图片显示问题
        // fileName = UUID.randomUUID() + suffixName;
        File dest = new File(filePath + fileName);
        // 检测是否存在目录
        if (!dest.getParentFile().exists()) {
            dest.getParentFile().mkdirs();
        }
        try {
            file.transferTo(dest);
            System.out.println("上传成功!nsno: "+sno+"nsname: "+sname);
            return "上传成功";
        } catch (IllegalStateException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "上传失败";
    }

    //文件下载
    @RequestMapping("/download")
    public String downloadFile(HttpServletRequest request, HttpServletResponse response) throws FileNotFoundException {
        String fileName = "1.jpg";
        if (fileName != null) {
            //当前是从该工程的static//File//下获取文件 然后下载

            //获取根目录
            File path = new File(ResourceUtils.getURL("classpath:").getPath());
            if(!path.exists()) path = new File("");
            System.out.println("path:"+path.getAbsolutePath());

            //如果上传目录为/static/File/，则可以如下获取：
            File upload = new File(path.getAbsolutePath(),"static/File/");
            if(!upload.exists()) upload.mkdirs();
//            System.out.println("upload url:"+upload.getAbsolutePath());

            String realPath=upload.getAbsolutePath();
// 也可以使用绝对路径，但是很明显不够灵活
// String realPath = "D:\programming\IDEAProject\springboot-study\sp06-file\src\main\resources\static\File";

            System.out.println(realPath);
            File file = new File(realPath, fileName);
            if (file.exists()) {
                response.addHeader("Content-Disposition",
                        "attachment;fileName=" +  fileName);// 设置文件名,默认同名
                byte[] buffer = new byte[1024];
                FileInputStream fis = null;
                BufferedInputStream bis = null;
                try {
                    fis = new FileInputStream(file);
                    bis = new BufferedInputStream(fis);
                    OutputStream os = response.getOutputStream();
                    int i = bis.read(buffer);
                    while (i != -1) {
                        os.write(buffer, 0, i);
                        i = bis.read(buffer);
                    }
                    System.out.println("success");
                } catch (Exception e) {
                    e.printStackTrace();
                } finally {
                    if (bis != null) {
                        try {
                            bis.close();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
                    if (fis != null) {
                        try {
                            fis.close();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
                }
            }
        }
        return null;
    }
}

5、MyMvcConfig.java

主要是配置了视图跳转和虚拟路径
需要调用服务器以外的资源时必须使用虚拟路径，否则前端是访问不到图片的

package com.jiyu.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {

    //视图跳转
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("index.html").setViewName("index");

    }

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {

        //配置server虚拟路径，handler为前台访问的目录，locations为files相对应的本地路径
        registry.addResourceHandler("/test/**").addResourceLocations("file:D:\test\");
    }

}