前言参考：快速开发第一个SpringBoot应用

这篇文章会讲解如何使用SpringBoot完成一个文件上传的过程，并且附带一些SpringBoot开发中需要注意的地方

首先我们写一个文件上传的html页面：picUpload.html

<!DOCTYPE HTML>

<html>

    <head>

        <title>pictureUploading</title>

        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8 ">

    </head>

    <body>

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

            文件：<input type="file" name="fileUpload"/>

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

        </form>

    </body>

</html>

注意form标签里的enctype属性必须指定为：multipart/form-data。

下面我们看看通过Quick Start得到的项目的初始目录结构：

SpringBoot官方文档告诉我们，statis这个目录里面应该存放一些静态文件，比如 css、js、image并且可以直接被外部访问到。而templates这个目录则存放一些静态页面，如jsp、html、ftl。并且template这个目录里的内容外部是访问不到的。按照规范，我们将picUpload.html文件放到templates目录下。

现在通过：localhost:8080/index.html是访问不到该页面的。按照以前学习SpringMVC的经验，应该写一个controller，通过这个controller跳转到picUpload.html页面上去，再返回给用户。

下面我们新建一个controller，用做页面的跳转：

@Controller

public class ToHtmlController {

    @RequestMapping("/picUpload")

    public String picUpload(){

        return "picUpload";

    }

}

此时如果我们启动项目，并访问localhost:8080/picUpload这个url，页面会报错如下：

Whitelabel Error Page

This application has no explicit mapping for /error, so you are seeing this as a fallback.

Mon Jun 04 19:10:46 CST 2018

There was an unexpected error (type=Internal Server Error, status=500).

Circular view path [picUpload]: would dispatch back to the current handler URL [/picUpload] again. Check your ViewResolver setup! (Hint: This may be the result of an unspecified view, due to default view name generation.)

注意最后一句提示，意思就是我们没有指明模板引擎，这里我们使用thymeleaf，在pom.xml文件中添加如下依赖：

<dependency>

        <groupId>org.springframework.boot</groupId>

        <artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

然后启动项目，访问localhost:8080/picUpload，看到页面如下：

当选择完文件，点击上传按钮后，form表单会按照action属性值的url进行后端访问action="/upload"，此时我们应该写一个controller来接收前端传来的图片，并将图片放到项目的static目录下。

图片处理controller如下：

/**

 * 图片上传

 * @author 吴洋

 *

 */

@RestController

public class PicUploadController {

    @PostMapping("/upload")

    public Object upload(MultipartFile fileUpload){

        //获取文件名

        String fileName = fileUpload.getOriginalFilename();

        //获取文件后缀名

        String suffixName = fileName.substring(fileName.lastIndexOf("."));

        //重新生成文件名

        fileName = UUID.randomUUID()+suffixName;

        //指定本地文件夹存储图片

        String filePath = "D:/SpringBoot/demo/src/main/resources/static/";

        try {

            //将图片保存到static文件夹里

            fileUpload.transferTo(new File(filePath+fileName));

            return new Massage(0,"success to upload");

        } catch (Exception e) {

            e.printStackTrace();

            return new Massage(-1,"fail to upload");

        }

    }

}

这里我新建了一个Message类，来向前端返回是否上传成功的信息。

public class Massage {

    //0表示成功;-1表示失败

    int status;

    //向前端返回的内容

    String massage;

    public Massage() {

        super();

    }

    public Massage(int status, String massage) {

        super();

        this.status = status;

        this.massage = massage;

    }

    //get/set方法

}

此时我们启动项目，并访问localhost:8080/picUpload，选择图片，点击上传。页面返回如下：



说明图片上传成功了，refresh项目，可以看到static目录下出现了我们上传的图片，并且名称也随机改变了。

SpringBoot实现文件上传的更多相关文章

  1. SpringBoot图文教程4—SpringBoot 实现文件上传下载

    有天上飞的概念,就要有落地的实现 概念+代码实现是本文的特点,教程将涵盖完整的图文教程,代码案例 文章结尾配套自测面试题,学完技术自我测试更扎实 概念十遍不如代码一遍,朋友,希望你把文中所有的代码案例 ...

  2. SpringBoot 整合文件上传 elment Ui 上传组件

    SpringBoot 整合文件上传 elment Ui 上传组件 本文章记录 自己学习使用 侵权必删! 前端代码 博主最近在学 elment Ui 所以 前端使用 elmentUi 的 upload ...

  3. springboot+web文件上传和下载

    一.首先安装mysql数据库,开启web服务器. 二.pom.xml文件依赖包配置如下: <?xml version="1.0" encoding="UTF-8&q ...

  4. SpringBoot(3) 文件上传和访问

    springboot文件上传 MultipartFile file,源自SpringMVC MultipartFile 对象的transferTo方法,用于文件保存(效率和操作比原先用FileOutS ...

  5. SpringBoot的文件上传

    先在src/main/resources下新建一个static目录用以存放html页面,简单的html页面如下 <!DOCTYPE html> <html> <head& ...

  6. springBoot的文件上传功能

    知识点: 后台:将上传的图片写入指定服务器路径,保存起来,返回上传后的图片路径(在springBoot中,参考博客:http://blog.csdn.net/change_on/article/det ...

  7. SpringBoot下文件上传与下载的实现

    原文:http://blog.csdn.net/colton_null/article/details/76696674 SpringBoot后台如何实现文件上传下载? 最近做的一个项目涉及到文件上传 ...

  8. Angular14 利用Angular2实现文件上传的前端、利用springBoot实现文件上传的后台、跨域问题

    一.angular2实现文件上传前端 Angular2使用ng2-file-upload上传文件,Angular2中有两个比较好用的上传文件的第三方库,一个是ng2-file-upload,一个是ng ...

  9. springboot 修改文件上传大小限制

    springboot 1.5.9文件上传大小限制spring:http:multipart:maxFileSize:50MbmaxRequestSize:50Mb springboot 2.0文件上传 ...

随机推荐

  1. 衡量镜头解像能力性能的指标-MTF曲线

    MTF(Modulation Transfer Function,模量传递函数),是目前分析镜头解像能力的方法,可以用来评判镜头还原物体对比度的能力.说到MTF,不得不先提一下衡量镜头性能的两在重要指 ...

  2. Etag & If-None-Match 专题

    一.概述 缓存通俗点讲,就是将已经得到的‘东东’存放在一个相对于自己而言,尽可能近的地方,以便下次需要时,不会再二笔地跑到起始点(很远的地方)去获取,而是就近解决,从而缩短时间和节约金钱(坐车要钱嘛) ...

  3. 简单使用.net core 自带的DI

    1.创建一个web api项目 2.在项目中创建一个接口类 namespace LearnCore.CoreDI { public interface ILearnDI { string GetNam ...

  4. WPF 3D编程介绍

    原文:WPF 3D编程介绍 上一篇文章简单的介绍了WPF编程的相关的内容,也推荐了本书.今天要来讲一下在WPF如何开展3D编程. 使用的xmal 和C#开发的时候:需要使用如下的关键要素: 1:摄像机 ...

  5. WPF 3D模型的一个扩展方法

    原文:WPF 3D模型的一个扩展方法 在WPF 3D中,我们常常需要改变一个ModelVisual3D对象的颜色. 先说说ModelVisual3D,本质上3D模型都是由一个个的三角形构成的,并且经过 ...

  6. Qt如何绘制（简单深刻，fearlazy的系列文章）

    我觉得绘制只需要考虑几个问题.简单地说就是谁在什么地方画什么? 在Qt中可以这么回答:QPainter在QPainterDevice中画想画的东西. 举个例子:用QtCreator向导新建一个项目,基 ...

  7. 【Linux知识】server性能测试--UnixBench

    链接地址: http://blog.csdn.net/jason_asia/article/details/38309079 1.1.   server性能测试UnixBench 分别DELL R72 ...

  8. C++该typeid和dynamic_cast

    1.typeid在没有虚拟函数的(不相关的动态绑定),typeid它只返回操作对象的实际类型 2.typeid涉及到动态联编问题时(使用基类指针p或者引用p操作派生类对象),typeid(p)返回基类 ...

  9. InitializeComponent无法识别的问题

    学习Xamarin官方文档的时候,Xamarin.Forms的开始篇一直在用ContentPage讲解自己一直是创建Page,然后手动修改成继承于ContentPage,然后InitializeCom ...

  10. [WPF疑难] 模式窗口被隐藏后重新显示时变成了非模式窗口

    原文:[WPF疑难] 模式窗口被隐藏后重新显示时变成了非模式窗口 [WPF疑难] 模式窗口被隐藏后重新显示时变成了非模式窗口 周银辉 现象: 大家可以试试下面这个很有趣但会带来Defect的现象:当我 ...