图片存储-阿里云OSS存储与本地存储

一、图片存储解决方案

开发一个图片上传服务,需要有存储的支持,那么我们的解决方案将以下几种:

  1. 直接将图片保存到服务的硬盘
    优点:开发便捷,成本低
    缺点:扩容困难
  2. 使用分布式文件系统进行存储
    优点:容易实现扩容
    缺点:开发复杂度稍大(尤其是开发复杂的功能)
  3. 使用nfs做存储
    优点:开发较为便捷
    缺点:需要有一定的运维知识进行部署和维护
  4. 使用第三方的存储服务
    优点:开发简单,拥有强大功能,免维护
    缺点:付费

二、阿里云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文件:
在这里插入图片描述
测试:
在这里插入图片描述
这种使用本地服务器,不花钱,成本低。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值