16.SPRINGBOOT 如何上传图片文件
uploadPage.jsp
在jsp目录下新建uploadPage.jsp,需要几点:
1. method="post" 是必须的
2. enctype="multipart/form-data" 是必须的,表示提交二进制文件
3. name="file" 是必须的,和后续服务端对应
4. accept="image/*" 表示只选择图片
1. method="post" 是必须的
2. enctype="multipart/form-data" 是必须的,表示提交二进制文件
3. name="file" 是必须的,和后续服务端对应
4. accept="image/*" 表示只选择图片
|
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跳转,这样就可以通过
访问到uploadPage.jsp了
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; @Controllerpublic class UploadController { @RequestMapping("/uploadPage") public String uploadPage() { return "uploadPage"; }} |
UploadController.java
为UploadController.java 新增upload用来接受上传
1. 接受上传的文件
2. 根据时间戳创建新的文件名,这样即便是第二次上传相同名称的文件,也不会把第一次的文件覆盖了
3. 通过req.getServletContext().getRealPath("") 获取当前项目的真实路径,然后拼接前面的文件名
4. 第一次运行的时候,这个文件所在的目录往往是不存在的,这里需要创建一下目录
5. 把浏览器上传的文件复制到希望的位置
6. 把文件名放在model里,以便后续显示用
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; @Controllerpublic 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=.jspspring.http.multipart.maxFileSize=100Mbspring.http.multipart.maxRequestSize=100Mb |
测试
访问测试地址:
http://127.0.0.1:8080/uploadPage
浙公网安备 33010602011771号