SpringBoot整合阿里云OSS上传图片

SpringBoot整合OSS上传图片

一、比较通过服务端上传图片到阿里云OSS 和 服务端签名后直传方式（即通过前端上传图片）。

1、服务端上传图片到阿里云OSS，流程图如下：

2、服务端签名后直传方式（即通过前端上传图片），流程图如下：

总结：第一种方式和第二种方式相比，以上方法有三个缺点：

**上传慢：**用户数据需先上传到应用服务器，之后再上传到OSS。网络传输时间比直传到OSS多一倍。如果用户数据不通过应用服务器中转，而是直传到OSS，速度将大大提升。而且OSS采用BGP带宽，能保证各地各运营商之间的传输速度。
**扩展性差：**如果后续用户多了，应用服务器会成为瓶颈。
**费用高：**需要准备多台应用服务器。由于OSS上传流量是免费的，如果数据直传到OSS，不通过应用服务器，那么将能省下几台应用服务器。

二、因此，我们选择第二种方式来上传图片到阿里云的OSS

首先要先配置阿里云的OSS（这里就不展示了）

1、pom.xml文件添加配置

  
	  com.aliyun.oss
      aliyun-sdk-oss
     3.10.2
 

2、application.yml 配置参数

server:
  port: 8888

oss:
  accessId: *********               #请填写您的AccessKeyId。
  accessKey: ********************   #请填写您的AccessKeySecret。
  endpoint: *********************   #请填写您的 endpoint。
  bucket: aliyunoss-test            #请填写您的 bucketname 。

3、服务端生成签名参数返回到前端

package com.mango.oss.aliyun_oss.controller;


import com.aliyun.oss.OSSClient;
import com.aliyun.oss.common.utils.BinaryUtil;
import com.aliyun.oss.model.MatchMode;
import com.aliyun.oss.model.PolicyConditions;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.LinkedHashMap;
import java.util.Map;
/**
 *上传图片
 * mango on 2020/11/24.
 */
@Controller
public class AliyunOssController {

    @Value("${oss.accessId}")
    private String accessId; // 请填写您的AccessKeyId。
    @Value("${oss.accessKey}")
    private String accessKey; // 请填写您的AccessKeySecret。
    @Value("${oss.endpoint}")
    private String endpoint; // 请填写您的 endpoint。
    @Value("${oss.bucket}")
    private String bucket; // 请填写您的 bucketname 。

    /**
     * 获取服务端签名参数
     * @return
     */
    @ResponseBody
    @GetMapping("/aliyun/oss/getpolicy")
    public Map getPolicy(){
    
        String host = "http://" + bucket + "." + endpoint; // host的格式为 bucketname.endpoint
        String dir = new SimpleDateFormat("yyyy-MM-dd").format(new Date()); // 图片上传后文件夹
        OSSClient client = new OSSClient(endpoint, accessId, accessKey);

        Map respMap = null;
        try {
            long expireTime = 30;
            long expireEndTime = System.currentTimeMillis() + expireTime * 1000;
            Date expiration = new Date(expireEndTime);
            PolicyConditions policyConds = new PolicyConditions();
            policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);
            policyConds.addConditionItem(MatchMode.StartWith, PolicyConditions.COND_KEY, dir);

            String postPolicy = client.generatePostPolicy(expiration, policyConds);
            byte[] binaryData = postPolicy.getBytes("utf-8");
            String encodedPolicy = BinaryUtil.toBase64String(binaryData);
            String postSignature = client.calculatePostSignature(postPolicy);

            respMap = new LinkedHashMap();
            respMap.put("accessid", accessId);
            respMap.put("policy", encodedPolicy);
            respMap.put("signature", postSignature);
            respMap.put("dir", dir);
            respMap.put("host", host);
            respMap.put("expire", String.valueOf(expireEndTime / 1000));
   
        } catch (Exception e) {
            // Assert.fail(e.getMessage());
            System.out.println(e.getMessage());
        }

        return respMap;
    }

    /**
     * 调用页面
     * @return
     */
    @GetMapping("/getindex")
    public String index(){
        return "index";
    }
}

4、前端代码

	
		
		
		
		
	

	
		
oss web服务端签名后直传
		

			
		
		
		
	

5、演示，启动项目后，在浏览器输入：http://localhost:8888/getindex

6、图片上传成功

7、在阿里云官网查看图片，图片已上传。

github地址：https://github.com/526606178/aliyun_oss.git