16.SPRINGBOOT 如何上传图片文件

uploadPage.jsp

在jsp目录下新建uploadPage.jsp,需要几点:
1. method="post" 是必须的
2. enctype="multipart/form-data" 是必须的,表示提交二进制文件
3. name="file" 是必须的,和后续服务端对应
4. accept="image/*" 表示只选择图片
uploadPage.jsp
 
1
2
3
4
5
6
7
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
<form action="upload" method="post" enctype="multipart/form-data">
  选择图片:<input type="file" name="file" accept="image/*" /> <br>
  <input type="submit" value="上传">
</form>

UploadController.java

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

访问到uploadPage.jsp了
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package com.how2java.springboot.web;
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.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
  
@Controller
public class UploadController {
  
    @RequestMapping("/uploadPage")
    public String uploadPage() {
        return "uploadPage";
    }
 
}

UploadController.java

为UploadController.java 新增upload用来接受上传
1. 接受上传的文件
 
@RequestParam("file") MultipartFile file
 

2. 根据时间戳创建新的文件名,这样即便是第二次上传相同名称的文件,也不会把第一次的文件覆盖了
 
String fileName = System.currentTimeMillis()+file.getOriginalFilename();
 

3. 通过req.getServletContext().getRealPath("") 获取当前项目的真实路径,然后拼接前面的文件名
 
String destFileName=req.getServletContext().getRealPath("")+"uploaded"+File.separator+fileName;
 

4. 第一次运行的时候,这个文件所在的目录往往是不存在的,这里需要创建一下目录
 
File destFile = new File(destFileName);
destFile.getParentFile().mkdirs();
 

5. 把浏览器上传的文件复制到希望的位置
 
file.transferTo(destFile);
 

6. 把文件名放在model里,以便后续显示用
 
m.addAttribute("fileName",fileName);
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
package com.how2java.springboot.web;
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.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
  
@Controller
public class UploadController {
  
    @RequestMapping("/uploadPage")
    public String uploadPage() {
        return "uploadPage";
    }
     
    @RequestMapping(value = "/upload", method = RequestMethod.POST)
    public String upload(HttpServletRequest req, @RequestParam("file") MultipartFile file,Model m) {
            try {
                String fileName = System.currentTimeMillis()+file.getOriginalFilename();
                String destFileName=req.getServletContext().getRealPath("")+"uploaded"+File.separator+fileName;
                 
                File destFile = new File(destFileName);
                destFile.getParentFile().mkdirs();
                file.transferTo(destFile);
                 
                m.addAttribute("fileName",fileName);
            catch (FileNotFoundException e) {
                e.printStackTrace();
                return "上传失败," + e.getMessage();
            catch (IOException e) {
                e.printStackTrace();
                return "上传失败," + e.getMessage();
            }
             
            return "showImg";
    }   
}

application.properties

设置上传文件的大小,默认是1m,太小了,文件稍微大一点就会出错
1
2
3
4
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
 
测试

posted on 2019-01-04 16:23  我是司  阅读(415)  评论(0)    收藏  举报

导航