10.springboot文件上传

springboot文件上传

以前用ssm做文件上传,我们通常先要添加依赖,用古老的方法实现文件上传,springboot中做文件上传,我们什么配置都不用做就可以做文件上传的功能。

springboot默认用StandarServletMultipartResolver来实现,要注意tomcat的版本不能过低!

步骤:

1.单文件上传

1. 创建一个html文件,此处叫做01.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件上传title>
head>
<body>
  <form action="/upload" method="post" enctype="multipart/form-data">
    <input type="file" name="file">
    <input type="submit" value="上传">
  form>
body>
html>

2.编写Controller

package com.wangze.studybootweb.controller;

import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.UUID;

/**
 * @author: 王泽
 */

@RestController
public class UpdateController {
     
    SimpleDateFormat sdf = new SimpleDateFormat("/yyyy/MM/dd/"); //注意格式,/是目录路径例如:/2021/5/25
    @PostMapping("/upload")
    public String upload(MultipartFile file, HttpServletRequest req){
       //注意第一个参数文件名,要与前端的一一对应!
        //保存到临时目录中
        String realPath = req.getServletContext().getRealPath("/");
        //分类处理,最终目录
        final String format = sdf.format(new Date());
        final String path = realPath + format;
        //目录可能不存在,用file对象,把路径传入
        File folder=new File(path);
        //判断是否存在
        if(!folder.exists()){
     
            folder.mkdirs();  //创建多层
        }
        //文件名
        final String oldName = file.getOriginalFilename();
        final String newName = UUID.randomUUID().toString() + oldName.substring(oldName.lastIndexOf("."));
        try {
     
            file.transferTo(new File(folder,newName));
            //文件保存成功,生成文件访问路径
            final String s = req.getScheme() + "://" + req.getServerName() + ":" + req.getServerPort() + format + newName;
            return s;
        } catch (IOException e) {
     
            e.printStackTrace();
        }

        return "";
    }


}

3.运行项目访问01.html

10.springboot文件上传_第1张图片

4.上传一个文件

10.springboot文件上传_第2张图片

5.访问

关于文件上传的配置

10.springboot文件上传_第3张图片

常用大小限制的配置

2.多文件上传

思路:

  • ​ 1.controller中接受不是一个文件而是一个数组(一次性选多个)
  • ​ 2.写多次单个上传的(有多个选项)

3.Ajax文件上传(重点)

1.编写前端界面

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
    script>
head>
<body>
<div id="result">div>
    <input type="file" id="file">
    <input type="button" value="上传" onclick="uploadFile()">
<script>
    function uploadFile(){
       
        var formDate = $("#file")[0].files[0];
        var formDate =new formDate;
        formDate.append("file",file);
        $.ajax({
       
            type:'post',
            url:'/upload',
            processData: false,
            contentType: false,
            data:formDate,
            success:function (msg){
       
                $("#result").html(msg);
            }
        })

    }
script>
body>
html>

2.使用

   success:function (msg){
            $("#result").html(msg);
        }
    })

}
```

2.使用

你可能感兴趣的:(springboot,2,spring,boot,文件上传,新星计划)