本地上传
前端代码:自己写的进行测试
<!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="text" name="name"/><br/>
年龄: <input type="text" name="age"/></br>
图片: <input type="file" name="image"/><br/><br/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
上传文件的原始form表单,要求表单必须具备以下三点(上传文件页面三要素):
- 表单必须有 file 域,用于选择要上传的文件。
- 表单提交方式必须为 POST。
- 表单的编码类型enctype必须要设置为 multipart/form-data。
后端代码:
需要用到IO流进行数据接收
***建议用IO框架来做
框架依赖:::
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.11.0</version>
</dependency>
@RestController
public class FileUploadController {
/**
* 文件商城api
* @param image 接收文件
* @param name 接收前端传过来的name
* @param age 接收前端端传过来的age
* @return
*/
@PostMapping("/upload")
public Result uploadFile(@RequestPart("image") MultipartFile image, String name, Integer age) {
//获取原始名称
String originalFilename = image.getOriginalFilename();
//目标文件
File dest = new File("tlias/serverfile", originalFilename);
try {
//使用commons-io框架进行文件拷贝
FileUtils.copyInputStreamToFile(image.getInputStream(),dest);
return Result.success("提交成功:"+originalFilename + "," + name + "," + age);
} catch (IOException e) {
e.printStackTrace();
return Result.error(e.getMessage());
}
}
}
MultipartFile 常见方法:
getOriginalFilename():获取原始文件名
getContentType():获取文件的类型
getInputStream():获取文件的输入流
transferTo(File dest) :将上传的文件保存到目标文件中(Mac中测试有问题,可以使用流获取数据拷贝方式)
getBytes():获取文件的字节数组
阿里云oss
阿里云依赖:
<dependency>
<groupId>com.aliyun.oss</groupId>
<artifactId>aliyun-sdk-oss</artifactId>
<version>3.15.0</version>
</dependency>
注意事项:
- accessKeyId:阿里云账号AccessKey
- accessKeySecret:阿里云账号AccessKey对应的秘钥
- bucketName:Bucket名称
- objectName:对象名称,在Bucket中存储的对象的名称
- filePath:文件路径