赞
踩
前面我们已分析了文件上传功能前端和后端的基础代码实现,文件上传时在服务端会产生一个临时文件,请求响应完成之后,这个临时文件被自动删除,并没有进行保存。下面呢,我们就需要完成将上传的文件保存在服务器的本地磁盘上。
代码实现:
1. 在服务器本地磁盘上创建images目录,用来存储上传的文件(例:E盘创建images目录)
2. 使用MultipartFile类提供的API方法,把临时文件转存到本地磁盘目录下
MultipartFile 常见方法:
- ~~~java
- @Slf4j
- @RestController
- public class UploadController {
-
- @PostMapping("/upload")
- public Result upload(String username, Integer age, MultipartFile image) throws IOException {
- log.info("文件上传:{},{},{}",username,age,image);
-
- //获取原始文件名
- String originalFilename = image.getOriginalFilename();
-
- //将文件存储在服务器的磁盘目录
- image.transferTo(new File("E:/images/"+originalFilename));
-
- return Result.success();
- }
-
- }
- ~~~
利用postman测试:
注意:请求参数名和controller方法形参名保持一致
通过postman测试,我们发现文件上传是没有问题的。但是由于我们是使用原始文件名作为所上传文件的存储名字,当我们再次上传一个名为1.jpg文件时,发现会把之前已经上传成功的文件覆盖掉。
解决方案:保证每次上传文件时文件名都唯一的(使用UUID获取随机文件名)
- ~~~java
- @Slf4j
- @RestController
- public class UploadController {
-
- @PostMapping("/upload")
- public Result upload(String username, Integer age, MultipartFile image) throws IOException {
- log.info("文件上传:{},{},{}",username,age,image);
-
- //获取原始文件名
- String originalFilename = image.getOriginalFilename();
-
- //构建新的文件名
- String extname = originalFilename.substring(originalFilename.lastIndexOf("."));//文件扩展名
- String newFileName = UUID.randomUUID().toString()+extname;//随机名+文件扩展名
-
- //将文件存储在服务器的磁盘目录
- image.transferTo(new File("E:/images/"+newFileName));
-
- return Result.success();
- }
-
- }
- ~~~
在解决了文件名唯一性的问题后,我们再次上传一个较大的文件(超出1M)时发现,后端程序报错:
报错原因呢是因为:在SpringBoot中,文件上传时默认单个文件最大大小为1M
那么如果需要上传大文件,可以在application.properties进行如下配置:
- ~~~properties
- #配置单个文件最大上传大小
- spring.servlet.multipart.max-file-size=10MB
-
- #配置单个请求最大上传大小(一次请求可以上传多个文件)
- spring.servlet.multipart.max-request-size=100MB
- ~~~
到时此,我们文件上传的本地存储方式已完成了。但是这种本地存储方式还存在一问题:
如果直接存储在服务器的磁盘目录中,存在以下缺点:
为了解决上述问题呢,通常有两种解决方案:
云服务指的就是通过互联网对外提供的各种各样的服务,比如像:语音服务、短信服务、邮件服务、视频直播服务、文字识别服务、对象存储服务等等。
当我们在项目开发时需要用到某个或某些服务,就不需要自己来开发了,可以直接使用阿里云提供好的这些现成服务就可以了。比如:在项目开发当中,我们要实现一个短信发送的功能,如果我们项目组自己实现,将会非常繁琐,因为你需要和各个运营商进行对接。而此时阿里云完成了和三大运营商对接,并对外提供了一个短信服务。我们项目组只需要调用阿里云提供的短信服务,就可以很方便的来发送短信了。这样就降低了我们项目的开发难度,同时也提高了项目的开发效率。
云服务提供商给我们提供的软件服务通常是需要收取一部分费用的。
阿里云对象存储OSS(Object Storage Service),是一款海量、安全、低成本、高可靠的云存储服务。使用OSS,您可以通过网络随时存储和调用包括文本、图片、音频和视频等在内的各种文件。
在我们使用了阿里云OSS对象存储服务之后,我们的项目当中如果涉及到文件上传这样的业务,在前端进行文件上传并请求到服务端时,在服务器本地磁盘当中就不需要再来存储文件了。我们直接将接收到的文件上传到oss,由 oss帮我们存储和管理,同时阿里云的oss存储服务还保障了我们所存储内容的安全可靠。
我们主要学习的是如何在项目当中来使用云服务完成具体的业务功能。而无论使用什么样的云服务,阿里云也好,腾讯云、华为云也罢,在使用第三方的服务时,操作的思路都是一样的。
SDK:Software Development Kit 的缩写,软件开发工具包,包括辅助软件开发的依赖(jar包)、代码示例等,都可以叫做SDK。
简单说,sdk中包含了我们使用第三方云服务时所需要的依赖,以及一些示例代码。我们可以参照sdk所提供的示例代码就可以完成入门程序。
第三方服务使用的通用思路,我们做一个简单介绍之后,接下来我们就来介绍一下我们当前要使用的阿里云oss对象存储服务具体的使用步骤。
Bucket:存储空间是用户用于存储对象(Object,就是文件)的容器,所有的对象都必须隶属于某个存储空间。
下面我们根据之前介绍的使用步骤,完成准备工作:
1. 注册阿里云账户(注册完成后需要实名认证)
2. 注册完账号之后,就可以登录阿里云
3. 通过控制台找到对象存储OSS服务
如果是第一次访问,还需要开通对象存储服务OSS
4. 开通OSS服务之后,就可以进入到阿里云对象存储的控制台
5. 点击左侧的 "Bucket列表",创建一个Bucket
阿里云oss 对象存储服务的准备工作我们已经完成了,接下来我们就来完成第二步操作:参照官方所提供的sdk示例来编写入门程序。
首先我们需要来打开阿里云OSS的官方文档,在官方文档中找到 SDK 的示例代码:
参照官方提供的SDK,改造一下,即可实现文件上传功能:
- import com.aliyun.oss.ClientException;
- import com.aliyun.oss.OSS;
- import com.aliyun.oss.common.auth.*;
- import com.aliyun.oss.OSSClientBuilder;
- import com.aliyun.oss.OSSException;
- import com.aliyun.oss.model.PutObjectRequest;
- import com.aliyun.oss.model.PutObjectResult;
- import java.io.ByteArrayInputStream;
-
- public class Demo {
-
- public static void main(String[] args) throws Exception {
- // Endpoint以华东1(杭州)为例,其它Region请按实际情况填写。
- String endpoint = "https://oss-cn-hangzhou.aliyuncs.com";
- // 从环境变量中获取访问凭证。运行本代码示例之前,请确保已设置环境变量OSS_ACCESS_KEY_ID和OSS_ACCESS_KEY_SECRET。
- EnvironmentVariableCredentialsProvider credentialsProvider = CredentialsProviderFactory.newEnvironmentVariableCredentialsProvider();
- // 填写Bucket名称,例如examplebucket。
- String bucketName = "examplebucket";
- // 填写Object完整路径,完整路径中不能包含Bucket名称,例如exampledir/exampleobject.txt。
- String objectName = "exampledir/exampleobject.txt";
-
- // 创建OSSClient实例。
- OSS ossClient = new OSSClientBuilder().build(endpoint, credentialsProvider);
-
- try {
- // 填写字符串。
- String content = "Hello OSS,你好世界";
-
- // 创建PutObjectRequest对象。
- PutObjectRequest putObjectRequest = new PutObjectRequest(bucketName, objectName, new ByteArrayInputStream(content.getBytes()));
-
- // 如果需要上传时设置存储类型和访问权限,请参考以下示例代码。
- // ObjectMetadata metadata = new ObjectMetadata();
- // metadata.setHeader(OSSHeaders.OSS_STORAGE_CLASS, StorageClass.Standard.toString());
- // metadata.setObjectAcl(CannedAccessControlList.Private);
- // putObjectRequest.setMetadata(metadata);
-
- // 上传字符串。
- PutObjectResult result = ossClient.putObject(putObjectRequest);
- } catch (OSSException oe) {
- System.out.println("Caught an OSSException, which means your request made it to OSS, "
- + "but was rejected with an error response for some reason.");
- System.out.println("Error Message:" + oe.getErrorMessage());
- System.out.println("Error Code:" + oe.getErrorCode());
- System.out.println("Request ID:" + oe.getRequestId());
- System.out.println("Host ID:" + oe.getHostId());
- } catch (ClientException ce) {
- System.out.println("Caught an ClientException, which means the client encountered "
- + "a serious internal problem while trying to communicate with OSS, "
- + "such as not being able to access the network.");
- System.out.println("Error Message:" + ce.getMessage());
- } finally {
- if (ossClient != null) {
- ossClient.shutdown();
- }
- }
- }
- }
AccessKey :
运行以上程序后,会把本地的文件上传到阿里云OSS服务器上:
阿里云oss对象存储服务的准备工作以及入门程序我们都已经完成了,接下来我们就需要在案例当中集成oss对象存储服务,来存储和管理案例中上传的图片。
在新增员工的时候,上传员工的图像,而之所以需要上传员工的图像,是因为将来我们需要在系统页面当中访问并展示员工的图像。而要想完成这个操作,需要做两件事:
1. 需要上传员工的图像,并把图像保存起来(存储到阿里云OSS)
2. 访问员工图像(通过图像在阿里云OSS的存储地址访问图像)
OSS中的每一个文件都会分配一个访问的url,通过这个url就可以访问到存储在阿里云上的图片。所以需要把url返回给前端,这样前端就可以通过url获取到图像。
我们参照接口文档来开发文件上传功能:
基本信息
请求路径:/upload
请求方式:POST
接口描述:上传图片接口
请求参数
参数格式:multipart/form-data
参数说明:
响应数据
参数格式:application/json
参数说明:
响应数据样例:
- ~~~json
- {
- "code": 1,
- "msg": "success",
- "data": "https://web-framework.oss-cn-hangzhou.aliyuncs.com/2022-09-02-00-27-0400.jpg"
- }
- ~~~
引入阿里云OSS上传文件工具类(由官方的示例代码改造而来)
- ~~~java
- import com.aliyun.oss.OSS;
- import com.aliyun.oss.OSSClientBuilder;
- import org.springframework.stereotype.Component;
- import org.springframework.web.multipart.MultipartFile;
-
- import java.io.IOException;
- import java.io.InputStream;
- import java.util.UUID;
-
- @Component
- public class AliOSSUtils {
- private String endpoint = "https://oss-cn-shanghai.aliyuncs.com";
- private String accessKeyId = "LTAI5t9MZK8iq5T2Av5GLDxX";
- private String accessKeySecret = "C0IrHzKZGKqU8S7YQcevcotD3Zd5Tc";
- private String bucketName = "web-framework01";
-
- /**
- * 实现上传图片到OSS
- */
- public String upload(MultipartFile multipartFile) throws IOException {
- // 获取上传的文件的输入流
- InputStream inputStream = multipartFile.getInputStream();
-
- // 避免文件覆盖
- String originalFilename = multipartFile.getOriginalFilename();
- String fileName = UUID.randomUUID().toString() + originalFilename.substring(originalFilename.lastIndexOf("."));
-
- //上传文件到 OSS
- OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);
- ossClient.putObject(bucketName, fileName, inputStream);
-
- //文件访问路径
- String url = endpoint.split("//")[0] + "//" + bucketName + "." + endpoint.split("//")[1] + "/" + fileName;
-
- // 关闭ossClient
- ossClient.shutdown();
- return url;// 把上传到oss的路径返回
- }
- }
- ~~~
修改UploadController代码:
- ~~~java
- import com.itheima.pojo.Result;
- import com.itheima.utils.AliOSSUtils;
- import lombok.extern.slf4j.Slf4j;
- import org.springframework.beans.factory.annotation.Autowired;
- import org.springframework.web.bind.annotation.PostMapping;
- import org.springframework.web.bind.annotation.RestController;
- import org.springframework.web.multipart.MultipartFile;
- import java.io.IOException;
-
- @Slf4j
- @RestController
- public class UploadController {
-
- @Autowired
- private AliOSSUtils aliOSSUtils;
-
- @PostMapping("/upload")
- public Result upload(MultipartFile image) throws IOException {
- //调用阿里云OSS工具类,将上传上来的文件存入阿里云
- String url = aliOSSUtils.upload(image);
- //将图片上传完成后的url返回,用于浏览器回显展示
- return Result.success(url);
- }
-
- }
使用postman测试:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。