Spring Boot实现文件上传服务器并回显

一时失言乱红尘 2022-02-26 09:26 548阅读 0赞

**目录直通车**

1、 导入依赖包：

2、 使用 springmvc 中的 mulitypart

1） 通过 MultipartFile img 拿到图片文件的流

2） 使用 IOUtils 将图片保存到本地

3、 通过配置 WebMvcConfigurerAdapter 映射本地文件到URL

4、 通过PostMan测试上传是否成功

--------------------

# 1、 导入依赖包：  #

<dependency>
        <groupId>commons-io</groupId>
        <artifactId>commons-io</artifactId>
        <version>2.6</version>
    </dependency>

# **2、 使用 springmvc 中的 mulitypart** #

## 1） 通过 MultipartFile img 拿到图片文件的流 ##

## 2） 使用 IOUtils 将图片保存到本地 ##

这里的JSONResult是使用代码生成工具规范的一个JSON格式而已。

@RequestMapping("/addSubmit.do")
        public JSONResult addSubmit(String name,String description,Long schoolid
                              , String remark, MultipartFile img) {
            Sport model=new Sport();
            model.setName(name);
            model.setDescription(description);
            model.setSchoolid(schoolid);
            model.setStatus(false);
            model.setRemark(remark);
            InputStream inputStream = null;
            FileOutputStream outputStream = null;
            if(img!=null&&img.getSize()>0) {
                String imgName = UUID.randomUUID().toString() + img.getOriginalFilename();
                try {
                    inputStream = img.getInputStream();
                    outputStream = new FileOutputStream(new File(imgPath + "/" + imgName));
                    IOUtils.copy(inputStream, outputStream);
                    //图片名imgName
                    model.setImg(imgName);
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            service.addSubmit(model);
            return JSONResult.ok("添加成功");
        }

# 3、 通过配置 WebMvcConfigurerAdapter 映射本地文件到URL #

import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
    
    @Configuration
    public class MyWebMvcConfiguration extends WebMvcConfigurerAdapter {
        //配置本地文件映射到url上
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) {
            //重写方法
            //修改tomcat 虚拟映射
            registry.addResourceHandler("/images/**").
                    addResourceLocations("file:D:/img/");//定义图片存放路径
        }
    
    }

我的图片存放地址如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70][]

访问地址使用：**URL+ / images /xxx.jpg** ,示例如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 1][]

# 4、 通过PostMan测试上传是否成功  #

下面是数据库的字段：

![20190330100959382.png][]

使用PostMan提交数据：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 2][]

上传图片：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 3][]

Send之后查看服务器上存放的文件夹目录：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 4][]

上传成功！

这篇文章仅提供思路而已。

具体实现点这里：[https://blog.csdn.net/qq\_41647999/article/details/97657786][https_blog.csdn.net_qq_41647999_article_details_97657786]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70]: /images/20220226/bf1f557c04f84a0badffeb492d1e3d18.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 1]: /images/20220226/e01cd07246dd47d7a957b746a4734d36.png
[20190330100959382.png]: /images/20220226/f033dc2b14ef4c15aa95d92b4e54923b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 2]: /images/20220226/8308bfa9eb814066b5c0ded0b7ae0b05.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 3]: /images/20220226/05682e183d544ece90037b73062b76f4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 4]: /images/20220226/1fe9448c58a34eeb8c62a407efd12277.png
[https_blog.csdn.net_qq_41647999_article_details_97657786]: https://blog.csdn.net/qq_41647999/article/details/97657786