步骤一：基于前面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访问图片资源。

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

Spring Boot 上传图片文件的更多相关文章

  1. Spring Boot入门——文件上传与下载

    1.在pom.xml文件中添加依赖 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht ...

  2. 51. spring boot属性文件之多环境配置【从零开始学Spring Boot】

    原本这个章节是要介绍<log4j多环境不同日志级别的控制的>但是没有这篇文章做基础的话,学习起来还是有点难度的,所以我们先一起了解下spring boot属性文件之多环境配置,当然文章中也 ...

  3. spring boot:单文件上传/多文件上传/表单中多个文件域上传(spring boot 2.3.2)

    一,表单中有多个文件域时如何实现说明和文件的对应? 1,说明和文件对应 文件上传页面中,如果有多个文件域又有多个相对应的文件说明时, 文件和说明如何对应? 我们在表单中给对应的file变量和text变 ...

  4. Spring Boot属性文件配置文档（全部）

    This sample file is meant as a guide only. Do not copy/paste the entire content into your applicatio ...

  5. 利用Spring MVC 上传图片文件

    本文转自:http://amcucn.iteye.com/blog/264457.感谢作者 近日在工作当中,需要用到上传图片的功能,然而自己平时学习的时候只会使用struts的上传功能,但因为项目并没 ...

  6. spring 及 spring boot 资源文件配置

    Spring配置文件引入xml文件: <import resource=" " />标签使用总结 https://www.cnblogs.com/javahr/p/83 ...

  7. spring boot实现文件上传下载

    spring boot 引入”约定大于配置“的概念,实现自动配置,节约了开发人员的开发成本,并且凭借其微服务架构的方式和较少的配置,一出来就占据大片开发人员的芳心.大部分的配置从开发人员可见变成了相对 ...

  8. Apache Camel,Spring Boot 实现文件复制，转移 （转）

    基本框架 Apache Camel Spring Boot Maven 开发过程 1.新建一个POM(quickstart)项目,在POM文件中添加Camel和Spring Boot的依赖 <p ...

  9. spring boot properties文件与yaml文件的区别

    编写是没有提示的话在pom中添加依赖,如下: <!-- 配置文件处理器 编写配置时会有提示 --> <dependency> <groupId>org.spring ...

随机推荐

  1. 引入 netty网关，向flume提交数据

    netty  处理http请求 package com.test; import io.netty.bootstrap.ServerBootstrap;import io.netty.channel. ...

  2. 用Python爬虫爬取广州大学教务系统的成绩（内网访问）

    用Python爬虫爬取广州大学教务系统的成绩(内网访问) 在进行爬取前,首先要了解: 1.什么是CSS选择器? 每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code ...

  3. Storm编程模型及组件流程图

    一.Storm编程模型 二.Storm组件流程图

  4. paintschainer项目

    github:https://github.com/pfnet/PaintsChainer tensorflow实现:https://github.com/mizti/tensor_paint 在线测 ...

  5. 基于flask的代码上传

    from flask import Flask,Blueprint,request,render_template from flask import current_app as app from ...

  6. DjangoORM 执行 python manage.py makemigrations出现 no changes detected

    出现 no changes detected python manage.py makemigrations No changes detected 为什么出现这种情况: 当执行这条命令,他会去找所有 ...

  7. 理解java动态代理

    java动态代理是java语言的一项高级特性.在平时的项目开发中,可能很难遇到动态代理的案例.但是动态代理在很多框架中起着不可替代的作用,例如Spring的AOP.今天我们就聊一聊java动态代理的实 ...

  8. 存储器系列，L1缓存，L2缓存，内存（RAM），EEPROM和闪存，CMOS与BIOS电池

    因为各级存储硬件的参数和性能不同所以在计算机硬件当中分为以下几种: 由此可见顶级空间小但处理速度最快,下层容量大但处理速度时间较长. 存储器系统采用分层结构,顶层的存储器速度较高,容量较小,与底层的存 ...

  9. A simple windows programm in c

    A simple windows programm in c        The following programm is a minimal windows program. It opens ...

  10. 【转】使用DataConnectionDialog在运行时设置数据源连接字符串

    介绍: DataConnectionDialog 类: 打开“数据连接”对话框,获取用户选择的数据连接信息. 命名空间为:Microsoft.Data.ConnectionUI 所在程序集:Micro ...