springboot上传图片

  • 新建一个springboot项目；

  • 在java/main/com/ljx 创建一个controller.fileController类

    内容如下：

    package com.ljx.controller;
    
​
    
import org.springframework.stereotype.Controller;
    
import org.springframework.ui.Model;
    
import org.springframework.web.bind.annotation.GetMapping;
    
import org.springframework.web.bind.annotation.PostMapping;
    
import org.springframework.web.bind.annotation.RequestParam;
    
import org.springframework.web.multipart.MultipartFile;
    
​
    
import javax.servlet.http.HttpServletRequest;
    
import javax.websocket.server.PathParam;
    
import java.io.File;
    
import java.io.IOException;
    
import java.util.UUID;
    
​
    
/**
    
 * @author 李捷禧
    
 * Date: 2022/12/13
    
 * ClassName: fileController
    
 */
    
​
    
@Controller
    
public class fileController {
    
​
    
    @GetMapping(value = "/file")
    
    public String file() {
    
        return "/file";
    
    }
    
​
    
    @PostMapping(value = "/fileUpload")
    
    public String fileUpload(@RequestParam(value = "file") MultipartFile file, Model model, HttpServletRequest request) {
    
        if (file.isEmpty()) {
    
            System.out.println("文件不能为空！");
    
        }
    
        // 文件名
    
        String fileName = file.getOriginalFilename();
    
        //后缀名，在文件名后面加“."
    
        String suffixName = fileName.substring(fileName.lastIndexOf("."));
    
        // 上传后的路径，自己设定要跟后面获取图片位置一样
    
        String filePath = "E://work//image//";
    
        // 新文件名
    
        fileName = UUID.randomUUID() + suffixName;
    
        //判断文件夹里面是否存在
    
        File dest = new File(filePath + fileName);
    
        //不存在就新建一个图片文件
    
        if (!dest.getParentFile().exists()) {
    
            dest.getParentFile().mkdirs();
    
        }
    
        //将文件存到新建文件的位置去
    
        try {
    
            file.transferTo(dest);
    
        } catch (IOException e) {
    
            e.printStackTrace();
    
        }
    
        //对应上面的文件路径
    
        String filename = "/work/image/" + fileName;
    
        model.addAttribute("filename", filename);
    
        return "/file";
    
    }
    
}
    
​
    
​

  • 在com/ljx/config一个配置类

    内容如下：

    package com.ljx.config;
    
​
    
/**
    
 * @author 李捷禧
    
 * Date: 2022/12/13
    
 * ClassName: MyWebAppConfigurer
    
 */
    
​
    
import org.springframework.context.annotation.Configuration;
    
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
    
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    
​
    
/**
    
 * 资源映射路径
    
 */
    
@Configuration
    
public class MyWebAppConfigurer implements WebMvcConfigurer {
    
    @Override
    
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
    
        registry.addResourceHandler("/work/image/**").addResourceLocations("file:E:/work/image/");
    
    }
    
}
    
​

  • 在application.properties文件加一下配置：

    spring.mvc.view.prefix=/WEB-INF/
    
spring.mvc.view.suffix=.jsp

  • 在webapp/WEB-INF创建一个file.jsp

　　　　内容如下：

　　<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

    <title>Title</title>

</head>

<body>

<form action="/fileUpload" method="post" enctype="multipart/form-data">

    <label>上传图片</label>

    <input type="file" name="file"/>

    <input type="submit" value="上传"/>

</form>

<p>图片:</p>

<img src="${filename}"/>

</body>

</html>

​

！注意：在此之前，需要项目配置好 jsp可运行环境，见以往博客园

运行结果是:

 

springboot上传图片的更多相关文章

  1. https://segmentfault.com/a/1190000012844836---------关于SpringBoot上传图片的几种方式

    关于SpringBoot上传图片的几种方式 https://segmentfault.com/a/1190000012844836

  2. Springboot上传图片并访问

    Springboot上传图片并访问 步骤 配置绝对路径,并将这个绝对路径添加到springboot静态资源目录中. 文件上传使用绝对路径保存.返回web相对路径,前端加上域名和项目路径,生成完整的路径 ...

  3. springboot上传图片大小限制

    背景:springboot项目上传图片超过1M报错,经了解,springboot默认上传文件1M 需求:更改默认配置,控制上传文件大小 方法:①更改配置文件(经试验不可行,不知道为什么):②更改启动B ...

  4. [原创]SpringBoot上传图片踩的坑

    最近项目里面有个需求,要上传图片到阿里云的OSS服务.所以需要写个上传图片的接口给前端. 这个简单的接口本来就给分配了1个工时,感觉也蛮简单的.但编码过程中遇到了好几个问题,现在一一记录下来,避免再次 ...

  5. springboot 上传图片与回显

    在网上找了很多例子,不能完全契合自己的需求,自行整理了下.需求是这样的:项目小,所以不需要单独的图片服务器,图片保存在服务器中任意的地方,并且可以通过访问服务器来获取图片.话不多说上代码: 1.依赖 ...

  6. springboot 上传图片

    1. 创建多层目录 创建多层目录要使用File的mkdirs()方法,其他可以使用mkdir()方法. 2. 文件大小限制 配置文件中,在spring1.4以后要使用 ` spring.http.mu ...

  7. springboot 上传图片，地址，在页面展示图片

    package com.cxwlw.zhcs.controller.api;import org.springframework.stereotype.Controller;import org.sp ...

  8. 如何在SpringBoot当中上传多个图片或者上传单个图片 工具类

    如何在SpringBoot当中上传多个图片[上传多个图片 ] 附赠工具类 1.SpringBoot 上传图片工具类 public class SpringUploadUtil { /*** * 上传图 ...

  9. ckeditor4.7配置图片上传

    ckeditor作为老牌的优秀在线编辑器,一直受到开发者的青睐. 这里我们讲解下 ckeditor最新版本4.7的图片上传配置. https://ckeditor.com/ 官方 进入下载 https ...

  10. Spring Boot进阶系列二

    上一篇文章,主要分析了怎么建立一个Restful web service,系列二主要创建一个H5静态页面使用ajax请求数据,功能主要有添加一本书,请求所有书并且按照Id降序排列,以及查看,删除一本书 ...

随机推荐

  1. rust 模块、路径、项目类型等相关内容

    rust 模块路径 转载 https://blog.csdn.net/wowotuo/article/details/107591501 rust 项目编译类型 转载 https://blog.51c ...

  2. 关于Vue2.x与Es6一些特性

    关于Vue2.x与Es6一些特性 Vue的定位,就是快速开发. 这些特性,我没有过于熟练,导致写的代码质量不高. 过滤器 <template> <div> {{title | ...

  3. IOS + H5 开发，如何实现，H5页面显示在IOS上

    环境:IOS12.0 工具:Xcode 12.0 工程:IOS12.0工程 + H512.0工程 1,先把开发的H5画面,编译打包:assets静态资源文件 favicon.ico图标 index.h ...

  4. vue3 setup语法糖下，vue自定义指令的实现，以及指令全局挂载，自定义v-loading的实现

    最近一段时间,在做h5的移动端项目,UI组件库使用的vant,vant组件中的loading实在难用,无法包裹某个块进行loading,也无法对非组件的标签进行loading,所以想着自定义写个指令, ...

  5. LG P4168 [Violet]蒲公英

    \(\text{Problem}\) 强制在线静态询问区间众数 \(\text{Solution}\) 不得不说 \(vector\) 是真的慢 做 \(LOJ\) 数列分块入门 \(9\) 卡时间卡 ...

  6. Ubuntu环境下利用Apache2部署多个站点

    转载csdn:Jochen_M https://blog.csdn.net/jochen_M/article/details/84073588

  7. Hbase一：Hbase介绍及特点

    转载请注明出处: 1.Google的三篇论文 2003年,Google发布Google File System论文,(GFS)这是一个可扩展的分布 式文件系统,用于大型的.分布式的.对大量数据进行访问 ...

  8. 9.【go-kit教程】go-kit集成Prometheus

    在 Go kit 中集成 Prometheus 进行 API 监控可以帮助开发人员更好地了解系统的性能和行为,提高系统的可观察性和可靠性.下面是一个简单的示例,演示如何在 Go kit 中集成 Pro ...

  9. AIR32F103(九) CAN总线的通信和ID过滤机制及实例

    目录 AIR32F103(一) 合宙AIR32F103CBT6开发板上手报告 AIR32F103(二) Linux环境和LibOpenCM3项目模板 AIR32F103(三) Linux环境基于标准外 ...

  10. Android：遍历视图

    <LinearLayout android:id="@+id/ques2_layout" android:layout_width="match_parent&qu ...