SpringBoot入门:使用SpringBoot将手机中的照片上传到电脑

苹果手机如果想要将手机相册中照片上传到笔记本或电脑上,需要下载iTunes,需要连接到电脑,不太好操作;作为一个程序员,将照片上传到个人电脑其实很简单,

本文介绍使用SpringBoot开发一个简单的应用即可将手机上的照片上传到电脑。

1、开发SpringBoot应用:图片上传功能

1.1 添加maven依赖:

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
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.1.3.RELEASE</version>
<relativePath/>
</parent>

<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>

<!-- servlet 依赖. -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
</dependency>

<!-- tomcat 的支持. -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-tomcat</artifactId>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>org.apache.tomcat.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
<scope>provided</scope>
</dependency>

</dependencies>

1.2 配置文件

由于涉及上传页面,需要使用JSP,新增配置文件application.properties, 内容如下:

1
2
3
4
5
6
7
8
9
10
server.port=8080

# 页面默认前缀目录
spring.mvc.view.prefix=/WEB-INF/jsp/
# 响应页面默认后缀
spring.mvc.view.suffix=.jsp

# 上传文件的最大值
spring.servlet.multipart.max-file-size=1000MB
spring.servlet.multipart.max-request-size=1000MB

注意:

springboot 默认 multipart.max-file-size大小是1M,max-request-size默认大小是10M,现在手机的像素都比较高,拍的照片都比较大,默认的基本不够,可根据个人情况适当调整。

1.3 编写上传页面

在webapp文件夹(如果没有,在main文件夹下创建)下新增文件夹 :WEB-INF/jsp/,在jsp文件夹下新增index.jsp, 内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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=".png,.jpg" multiple/>
<button type="submit">点我上传</button>
</form>
</body>
</html>

1.4 编写首页及上传图片接口

首页:IndexController:

1
2
3
4
5
6
7
8
9
10
11
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class IndexController {

@GetMapping("index")
public String index() {
return "index";
}
}

上传接口:

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
import org.springframework.util.FileCopyUtils;
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.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;

@RestController
public class FileUploadController {

@RequestMapping(value = "upload", method = RequestMethod.POST)
public String fileUplaod(@RequestParam(value = "file") MultipartFile[] files) throws IOException {
for (int i = 0; i < files.length; i++) {
MultipartFile file = files[i];
byte[] bytes = file.getBytes();
String pathName = "D:\\pictures\\" + file.getOriginalFilename();
File destFile = new File(pathName);
FileCopyUtils.copy(bytes, destFile);
}
return "success";
}
}

1.5 编写启动类:

1
2
3
4
5
6
7
8
9
10
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class PicUploadApplication {

public static void main(String[] args) {
SpringApplication.run(PicUploadApplication.class, args);
}
}

至此,上传图片功能的 SpringBoot 应用开发完成, 运行PicUploadApplication ,启动成功后,先使用电脑浏览器访问:http://127.0.0.1:8080/index:

文件会上传到电脑的D:/pictures 文件夹下, 上传前确保D盘下已经创建了pictures目录,支持多个图片上传。

2、使用手机浏览器访问

以上已经可以访问及上传图片了,现在我们使用手机浏览器来访问;

首先确保手机和运行SpringBoot应用的电脑在同一wifi或局域网下;

然后查看本机的ip地址,我的电脑ip为:192.168.0.102。

测试手机为iphone8,打开浏览器,访问:http://127.0.0.1:8080/index,效果如下:(如果访问不了,请参考博文: 同一wifi或局域网下手机访问windows10电脑 解决。)

点击选取文件,弹出选择菜单:

选择照片图库,就可以选择手机上的照片,选择好后,点击 ‘点我上传’, 即可将手机上的照片上传到 电脑的 D:/pictures 目录下。

手机上存了好久的照片几分钟就全部传到了电脑上了,有兴趣的赶快去试试吧!

源码: https://github.com/river106/file-transfer


SpringBoot入门:使用SpringBoot将手机中的照片上传到电脑
https://river106.cn/posts/63153e9c.html
作者
river106
发布于
2021年1月16日
许可协议