脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → java → springboot上传图片文件

springboot上传图片文件步骤详解

 更新时间：2020年12月15日 14:38:10   作者：仰望星空的脚踏实地  
这篇文章主要介绍了springboot上传图片文件步骤详解,本文通过实例代码图文相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

步骤一：基于前面springboot入门小demo

　　基于的springboot入门小demo，已包含了前面文章的知识点（比如：热部署、全局异常处理器）。

步骤二：创建uploadPage.jsp上传页面　　

　　在jsp目录下新建uploadPage.jsp,需要几点：
　　1. method="post" 是必须的
　　2. enctype="multipart/form-data" 是必须的，表示提交二进制文件
　　3. name="file" 是必须的，和后续服务端对应
　　4. accept="image/*" 表示只选择图片

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>图片上传</title>
</head>
<body>
  <form action="upload" method="post" enctype="multipart/form-data">
    选择图片:<input type="file" name="file" accept="image/*" /> <br>
    <input type="submit" value="立刻上传">
  </form>
</body>
</html>

步骤三：创建UploadController.java

　　因为uploadPage.jsp在WEB-INF下，不能直接从浏览器访问，所以要在这里加一个uploadPage跳转，这样就可以通过。

　　测试访问页面：http://127.0.0.1:8080/uploadPage

　　访问到uploadPage.jsp页面了（只是可以访问，还不能上传）。

package cn.xdf.springboot.controller;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;

@Controller
public class UploadController {
  // 因为uploadPage.jsp 在WEB-INF下，不能直接从浏览器访问，所以要在这里加一个uploadPage跳转，这样就可以通过
  @RequestMapping("/uploadPage")
  public String uploadPage() {
    return "uploadPage";  //过度跳转页
  }

  @PostMapping("/upload") // 等价于 @RequestMapping(value = "/upload", method = RequestMethod.POST)
  public String uplaod(HttpServletRequest req, @RequestParam("file") MultipartFile file, Model m) {//1. 接受上传的文件 @RequestParam("file") MultipartFile file
    try {
      //2.根据时间戳创建新的文件名，这样即便是第二次上传相同名称的文件，也不会把第一次的文件覆盖了
      String fileName = System.currentTimeMillis() + file.getOriginalFilename();
      //3.通过req.getServletContext().getRealPath("") 获取当前项目的真实路径，然后拼接前面的文件名
      String destFileName = req.getServletContext().getRealPath("") + "uploaded" + File.separator + fileName;
      //4.第一次运行的时候，这个文件所在的目录往往是不存在的，这里需要创建一下目录（创建到了webapp下uploaded文件夹下）
      File destFile = new File(destFileName);
      destFile.getParentFile().mkdirs();
      //5.把浏览器上传的文件复制到希望的位置
      file.transferTo(destFile);
      //6.把文件名放在model里，以便后续显示用
      m.addAttribute("fileName", fileName);
    } catch (FileNotFoundException e) {
      e.printStackTrace();
      return "上传失败," + e.getMessage();
    } catch (IOException e) {
      e.printStackTrace();
      return "上传失败," + e.getMessage();
    }

    return "showImg";
  }
}

步骤四：创建showImg.jps

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>上传图片</title>
</head>
<body>
  <img src="/uploaded/${fileName}">
</body>
</html>

　　文件最终上传到webapp下面的uploaded文件夹下面，如果看不到，就刷新一哈。

　　所以通过这个 <img src="/uploaded/${fileName}"> 链接，就可以访问到图片。

步骤五：修改application.properties

　　设置上传文件的大小，默认是1m,太小了，文件稍微大一点就会出错

spring.mvc.view.prefix=/WEB-INF/jsp/
spring.mvc.view.suffix=.jsp
spring.http.multipart.maxFileSize=100Mb
spring.http.multipart.maxRequestSize=100Mb

步骤六：测试

　　访问测试地址：http://127.0.0.1:8080/uploadPage

　　上传成功后，跳转到showImg.jsp访问图片资源。

　　（看到美女，就比较精神！！！）

到此这篇关于springboot上传图片文件步骤详解的文章就介绍到这了,更多相关springboot上传图片文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • springboot 接口版本区分方式

    springboot 接口版本区分方式

    这篇文章主要介绍了springboot 接口版本区分方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2021-10-10
  • Java语言实现简单FTP软件 FTP软件效果图预览之上传功能（3）

    Java语言实现简单FTP软件 FTP软件效果图预览之上传功能（3）

    这篇文章主要为大家详细介绍了Java语言实现简单FTP软件，FTP软件效果图预览之上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • idea中maven项目模块变成灰色原因及解决方案

    idea中maven项目模块变成灰色原因及解决方案

    这篇文章主要介绍了idea中maven项目模块变成灰色原因及解决方案,文中通过图文结合的方式给大家讲解的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-03-03
  • springboot中使用groovy的示例代码

    springboot中使用groovy的示例代码

    Groovy就是一种继承了动态语言的优良特性并运行在JVM上的编程语言，Groovy支持动态输入，闭包，元编程，运算符重载等等语法，这篇文章主要介绍了springboot中使用groovy的相关知识,需要的朋友可以参考下
    2022-09-09
  • java中throws实例用法详解

    java中throws实例用法详解

    在本篇文章里小编给大家分享了一篇关于java中throws实例用法详解，有兴趣的朋友们可以参考学习下。
    2021-01-01
  • SpringBoot之自定义Filter获取请求参数与响应结果案例详解

    SpringBoot之自定义Filter获取请求参数与响应结果案例详解

    这篇文章主要介绍了SpringBoot之自定义Filter获取请求参数与响应结果案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • mybatis-plus update更新操作的三种方式(小结)

    mybatis-plus update更新操作的三种方式(小结)

    本文主要介绍了mybatis-plus update更新操作的三种方式，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-10-10
  • SpringMVC整合SSM实现表现层数据封装详解

    SpringMVC整合SSM实现表现层数据封装详解

    这篇文章主要介绍了SpringMVC整合SSM实现表现层数据封装，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
    2022-10-10
  • maven坐标Dependencies和Exclusions的使用

    maven坐标Dependencies和Exclusions的使用

    这篇文章主要介绍了maven坐标Dependencies和Exclusions的使用，很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2021-12-12
  • Java Filter过滤器的使用教程

    Java Filter过滤器的使用教程

    Filter也称之为过滤器，它是Servlet技术中最实用的技术，Web开发人员通过Filter技术，对web服务器管理的所有web资源：例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截，从而实现一些特殊的功能
    2023-01-01

最新评论