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. ArrayList使用步骤-常用方法和遍历

    ArrayList使用步骤 查看类 java.util.ArrayList :该类需要 import导入使后使用. 表示一种指定的数据类型,叫做泛型. E ,取自Element(元素)的首字母.在出现 ...

  2. 【随笔记】linux usb gadget ncm wrong ndp sign 问题修复

    一.模拟网卡简介 在 Linux 通过 usb 模拟网卡时,有四种方式: 1. 使用 usb gadget rndis 2. 使用 usb gadget ecm 3. 使用 usb gadget nc ...

  3. 线程基础知识16-线程相关类CyclicBarrier、Semaphore、Exchanger

    1 CyclicBarrier 1.1 作用 从字面上的意思可以知道,这个类的中文意思是"循环栅栏".大概的意思就是一个可循环利用的屏障. 它的作用就是会让所有线程都等待完成后才会 ...

  4. JAVA虚拟机14 类加载器

    1.简介 Java虚拟机设计团队有意把类加载阶段中的"通过一个类的全限定名来获取描述该类的二进制字节流"这个动作放到Java虚拟机外部去实现,以便让应用程序自己决定如何去获取所需的 ...

  5. Snipaste下载安装(使用教程)

    ## Snipaste下载安装(使用教程)**一 简单介绍** Snipaste 是一个免费简单但强大的截图工具,也可以让你将截图贴回到屏幕上!下载并打开 Snipaste,按下 F1 来开始截图,再 ...

  6. P6_认识小程序页面

    JSON 配置文件 新建小程序页面 只需要在 app.json -> pages 中新增页面的存放路径,小程序开发者工具即可帮我们自动创建对应的页面文件 修改项目首页 只需要调整 app.jso ...

  7. STM32F4寄存器初始化：编码器

    RCC->APB1ENR|=1<<0; //TIM2时钟使能 RCC->APB1ENR|=1<<1; //TIM3时钟使能 RCC->APB1ENR|=1&l ...

  8. Excel文件 利用MySQL/Python 实现自动处理数据的功能

    目录 问题描述: 解决方案: 一.SQL查询 二.SQL.python处理 三.python处理 四.优化python处理 1.手动执行代码 2.开机自动执行代码 对比四种方案: 总结: 问题描述: ...

  9. 基于NPOI封装导出Excel方法

    背景: 在工作中我们有一个很常见的业务场景:导出列表的数据,生成Excel,而使用NPOI生成Excel我们也会遇到一个问题,每遇到一个不同的类导出时都要生成不同的表头,行,列,但其实里面大部分代码都 ...

  10. nodemon 实现 TypeScript 项目热部署

    下载安装 ts-node.nodemon: npm i -D ts-node nodemon 配置package.json脚本: "dev": "nodemon --wa ...