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. drf 认证组件、权限组件、频率组件

    认证组件 访问某个接口 需要登陆后才能访问 #第一步 写一个登录功能 用户表 User表 UserToken表 :存储用户登录状态 [这个表可以没有 如果没有 把字段直接卸载User表上也可以] 登录 ...

  2. requests进行webdriver协议,模仿selenium

    准备工作 你在做下面的练习之前应该具备 安装好chrome,并通过chrome://version确认其版本号 安装chromedriver并与你的chrome版本相匹配,下载路径如下 https:/ ...

  3. STM32F1库函数初始化系列：DMA—ADC采集

    1 void ADC_Configure(void) 2 { 3 ADC_InitTypeDef ADC_InitStructure; 4 GPIO_InitTypeDef GPIO_InitStru ...

  4. K8s 网络新手教程(Kubernetes Networking Guide for Beginners)

    K8s 网络新手教程(Kubernetes Networking Guide for Beginners) 原文链接: Kubernetes Networking Guide for Beginner ...

  5. Vue急速入门-5

    vue-cli创建项目 前端工程化,项目>>>(vue-cli),创建处vue项目,单页面应用(spa) vue-cli创建项目开发,在项目中开发,最后上线,一定要编译 '纯粹的ht ...

  6. 利用canvas+js完成滑块验证码中canvas部分思路

    1. 最终效果 2.滑块验证码思路 大概思路:设置两个画布,一个为显示图像的canvas画布,一个为拼图的block画布,block画布拼图内容从图像画布中的一部分裁剪得到(使用clip()),通过绑 ...

  7. TikTok 推荐引擎强大的秘密

    作者:Heorhii Skovorodnikov 深入研究TikTok令人惊叹的实时推荐系统的内部工作原理,了解是什么使它成为该领域最好的产品之一. 为什么TikTok的feed如此让人上瘾?秘诀在于 ...

  8. VSCode 国内镜像下载地址

    https://vscode.cdn.azure.cn/stable/,比如: https://vscode.cdn.azure.cn/stable/e4503b30fc78200f846c62cf8 ...

  9. LeetCode-442 数组中重复的数据

    来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/find-all-duplicates-in-an-array 题目描述 给你一个长度为 n 的整 ...

  10. 解决Connecting to 127.0.0.1:8118... failed: Connection refused.

    这里是代理问题的锅 $ env|grep -I proxy http_proxy=http://127.0.0.1:8118 ftp_proxy=http://127.0.0.1:8118 https ...