一、图片存储解决方案
开发一个图片上传服务,需要有存储的支持,那么我们的解决方案将以下几种:
- 直接将图片保存到服务的硬盘
优点:开发便捷,成本低
缺点:扩容困难 - 使用分布式文件系统进行存储
优点:容易实现扩容
缺点:开发复杂度稍大(尤其是开发复杂的功能) - 使用nfs做存储
优点:开发较为便捷
缺点:需要有一定的运维知识进行部署和维护 - 使用第三方的存储服务
优点:开发简单,拥有强大功能,免维护
缺点:付费
二、阿里云OSS存储
1、什么是OSS服务?
地址:https://www.aliyun.com/product/oss?spm=a2c4g.11186623.cloudEssentials.19.60f81c62VrnDMR
海量、安全、低成本、高可靠的云存储服务,提供99.999999999%的数据可靠性。使用RESTful API 可以在互联网任何位置存储和访问,容量和处理能力弹性扩展,多种存储类型供选择全面优化存储成本。
2、购买服务
使用第三方服务最大的缺点就是需要付费,购买下行流量包。
三、开始使用OSS
1、创建Bucket
使用OSS,首先需要创建Bucket,Bucket翻译成中文是水桶的意思,把存储的图片资源看做是水,想要盛水必须得有桶,就是这个意思了。
进入控制台,https://oss.console.aliyun.com/overview
创建完成后,在左侧可以看到已经创建好的Bucket:
选择Bucket后,即可看到对应的信息,如:url、消耗流量等
.2、管理文件
可以通过在线的方式进行管理文件:
- 1.直接点上传文件可上传图片。
- 2.默认情况打开url是下载图片,具体的原因是:Response Header中会自动加上 Content-Disposition:‘attachment=filename;’。即从浏览器访问图片类型文件时,会以附件形式进行下载。可设置:
Content-Disposition:inline ,只查看。
四、代码实现图片上传
1、导入依赖
<dependency>
<groupId>com.aliyun.oss</groupId>
<artifactId>aliyun-sdk-oss</artifactId>
<version>2.8.3</version>
</dependency>
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<version>1.18.4</version>
</dependency>
<dependency>
<groupId>joda-time</groupId>
<artifactId>joda-time</artifactId>
<version>2.9.9</version>
</dependency>
2、编写aliyun.properties配置文件
aliyun.endpoint=oss-cn-qingdao.aliyuncs.com
aliyun.accessKeyId=LTAIfC7fUsPj7Rfq
aliyun.accessKeySecret=c2Vo3q1AmivtY8lxFnfsCfkO2c2HCk
aliyun.bucketName=ithh
aliyun.urlPrefix=http://itcast-haoke.oss-cn-qingdao.aliyuncs.com/
accessKeyId以及accessKeySecret获取参考官方文档:
https://help.aliyun.com/knowledge_detail/48699.html
3、编写AliyunConfig
@Configuration
@PropertySource("classpath:aliyun.properties")
@ConfigurationProperties(prefix = "aliyun")
@Data
public class AliyunConfig {
private String endpoint;
private String accessKeyId;
private String accessKeySecret;
private String bucketName;
private String urlPrefix;
@Bean
public OSSClient oSSClient() {
return new OSSClient(endpoint, accessKeyId, accessKeySecret);
}
}
4、编写PicUploadResult
@Data
public class PicUploadResult {
// 文件唯一标识
private String uid;
// 文件名
private String name;
// 状态有:uploading done error removed
private String status;
// 服务端响应内容,如:'{"status": "success"}'
private String response;
}
5.编写PicUploadService
@Service
public class PicUploadService {
// 允许上传的格式
private static final String[] IMAGE_TYPE = new String[]{".bmp", ".jpg",
".jpeg", ".gif", ".png"};
@Autowired
private OSSClient ossClient;
@Autowired
private AliyunConfig aliyunConfig;
public PicUploadResult upload(MultipartFile uploadFile) {
PicUploadResult fileUploadResult = new PicUploadResult();
//图片做校验,对后缀名
boolean isLegal = false;
for (String type : IMAGE_TYPE) {
if (StringUtils.endsWithIgnoreCase(uploadFile.getOriginalFilename(),
type)) {
isLegal = true;
break;
}
}
if (!isLegal) {
fileUploadResult.setStatus("error");
return fileUploadResult;
}
// 文件新路径
String fileName = uploadFile.getOriginalFilename();
String filePath = getFilePath(fileName);
// 上传到阿里云
try {
// 目录结构:images/2018/12/29/xxxx.jpg
ossClient.putObject(aliyunConfig.getBucketName(), filePath, new
ByteArrayInputStream(uploadFile.getBytes()));
} catch (Exception e) {
e.printStackTrace();
//上传失败
fileUploadResult.setStatus("error");
return fileUploadResult;
}
// 上传成功
fileUploadResult.setStatus("done");
fileUploadResult.setName(this.aliyunConfig.getUrlPrefix() + filePath);
fileUploadResult.setUid(String.valueOf(System.currentTimeMillis()));
return fileUploadResult;
}
private String getFilePath(String sourceFileName) {
DateTime dateTime = new DateTime();
return "images/" + dateTime.toString("yyyy")
+ "/" + dateTime.toString("MM") + "/"
+ dateTime.toString("dd") + "/" + System.currentTimeMillis() +
RandomUtils.nextInt(100, 9999) + "." +
StringUtils.substringAfterLast(sourceFileName, ".");
}
}
6、编写PicUploadController
@RequestMapping("pic/upload")
@Controller
public class PicUploadController {
@Autowired
private PicUploadService picUploadService;
// @Autowired
// private PicUploadFileSystemService picUploadService;
@PostMapping
@ResponseBody
public PicUploadResult upload(@RequestParam("file") MultipartFile multipartFile) {
return this.picUploadService.upload(multipartFile);
}
}
测试:
五、添加水印
OSS提供了在线添加水印功能,下面我们来体验下该功能:
自定义规则:
访问地址:https://aibaiqi-zufang.oss-cn-beijing.aliyuncs.com/**.jpg!shuiyin
效果:
阿里云OSS使用,至此结束。
六、仅本地文件系统存储方法
1、编写PicUploadFileSystemService
@Service public class PicUploadFileSystemService { // 允许上传的格式 private static final String[] IMAGE_TYPE = new String[]{".bmp", ".jpg", ".jpeg", ".gif", ".png"}; public PicUploadResult upload(MultipartFile uploadFile) { // 校验图片格式 boolean isLegal = false; for (String type : IMAGE_TYPE) { if (StringUtils.endsWithIgnoreCase(uploadFile.getOriginalFilename(), type)) { isLegal = true; break; } }// 封装Result对象,并且将文件的byte数组放置到result对象中 PicUploadResult fileUploadResult = new PicUploadResult(); if (!isLegal) { fileUploadResult.setStatus("error"); return fileUploadResult; }// 文件新路径 String fileName = uploadFile.getOriginalFilename(); String filePath = getFilePath(fileName); // 生成图片的绝对引用地址 String picUrl = StringUtils.replace(StringUtils.substringAfter(filePath, "F:\\code\\itcast-haoke\\haoke-upload"), "\\", "/"); fileUploadResult.setName("http://image.haoke.com" + picUrl); File newFile = new File(filePath); // 写文件到磁盘
try {uploadFile.transferTo(newFile); } catch (IOException e) { e.printStackTrace(); //上传失败 fileUploadResult.setStatus("error"); return fileUploadResult; }fileUploadResult.setStatus("done"); fileUploadResult.setUid(String.valueOf(System.currentTimeMillis())); return fileUploadResult; }private String getFilePath(String sourceFileName) { String baseFolder = "F:\\code\\itcast-haoke\\haoke-upload" + File.separator + "images"; Date nowDate = new Date(); // yyyy/MM/dd String fileFolder = baseFolder + File.separator + new DateTime(nowDate).toString("yyyy") + File.separator + new DateTime(nowDate).toString("MM") + File.separator + new DateTime(nowDate).toString("dd"); File file = new File(fileFolder); if (!file.isDirectory()) { // 如果目录不存在,则创建目录 file.mkdirs(); }// 生成新的文件名 String fileName = new DateTime(nowDate).toString("yyyyMMddhhmmssSSSS") + RandomUtils.nextInt(100, 9999) + "." + StringUtils.substringAfterLast(sourceFileName, "."); return fileFolder + File.separator + fileName; } }
2、修改Controller中的引用
@RequestMapping("pic/upload") @Controller public class PicUploadController { @Autowired private PicUploadFileSystemService picUploadService; /**** @param uploadFile * @return * @throws Exception */ @PostMapping @ResponseBody public PicUploadResult upload(@RequestParam("file") MultipartFile uploadFile) throws Exception { return this.picUploadService.upload(uploadFile); } }
3、测试
4、搭建nginx进行访问图片
将资料中的nginx-1.5.1.zip进行解压,修改配置文件,启动nginx
修改本机hosts文件:
测试:
这种使用本地服务器,不花钱,成本低。