阿里云OSS上传文件

1.OSS实体类

import lombok.Data;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

@Data
@Component
@ConfigurationProperties(prefix = "file.alicloud")
public class AlicloudOSSProperties {

    private String bucketName;
    private String accessKey;
    private String secretKey;
    private String endpoint;
}

2.OSS cotroller

import com.aliyun.oss.OSS;
import com.aliyun.oss.OSSClientBuilder;
import com.aliyun.oss.common.utils.BinaryUtil;
import com.aliyun.oss.model.MatchMode;
import com.aliyun.oss.model.PolicyConditions;
import org.liu.domain.AlicloudOSSProperties;
import org.liu.util.AjaxResult;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Date;
import java.util.LinkedHashMap;
import java.util.Map;

@RestController
@RequestMapping("/oss")
public class OSSController {
    @Autowired
    private AlicloudOSSProperties alicloudOSSProperties;

    @GetMapping("/sign")
    public AjaxResult doGet(HttpServletRequest request, HttpServletResponse response){
        AjaxResult ajaxResult = AjaxResult.me();
        // 填写Host名称,格式为https://bucketname.endpoint。
        String host = "https://"+alicloudOSSProperties.getBucketName()+"."+alicloudOSSProperties.getEndpoint();
        // 设置上传到OSS文件的前缀,可置空此项。置空后,文件将上传至Bucket的根目录下。
        String dir = "images";

        // 创建OSSClient实例。
        OSS ossClient = new OSSClientBuilder().build(
                alicloudOSSProperties.getEndpoint(),
                alicloudOSSProperties.getAccessKey(),
                alicloudOSSProperties.getSecretKey()
        );
        try {
            long expireTime = 30;
            long expireEndTime = System.currentTimeMillis() + expireTime * 1000;
            Date expiration = new Date(expireEndTime);
            // PostObject请求最大可支持的文件大小为5 GB,即CONTENT_LENGTH_RANGE为5*1024*1024*1024。
            PolicyConditions policyConds = new PolicyConditions();
            policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);
            policyConds.addConditionItem(MatchMode.StartWith, PolicyConditions.COND_KEY, dir);

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

            Map<String, String> respMap = new LinkedHashMap<String, String>();
            respMap.put("accessid", alicloudOSSProperties.getAccessKey());
            respMap.put("policy", encodedPolicy);
            respMap.put("signature", postSignature);
            respMap.put("dir", dir);
            respMap.put("host", host);
            respMap.put("expire", String.valueOf(expireEndTime / 1000));
            // respMap.put("expire", formatISO8601Date(expiration));
            ajaxResult.setResultObj(respMap);
        } catch (Exception e) {
            // Assert.fail(e.getMessage());
            System.out.println(e.getMessage());
            ajaxResult.setSuccess(false);
            ajaxResult.setMessage("OSS服务器内部错误!");
        } finally {
            ossClient.shutdown();
        }
        return ajaxResult;
    }
}

3.yml配置

#OSS上传
file:
  alicloud:
    bucket-name:上传空间bucket
    access-key: 你的key
    secret-key: 你的秘钥
    endpoint: oss-cn-chengdu.aliyuncs.com  #上传端点

4.前端访问(部分代码)

     <!--
        action 后端上传文件的controller接口地址  默认是post提交
        on-preview   点击预览图片时,触发的事件
        on-remove    点击删除按钮时,触发的事件
        on-success   上传成功以后触发的事件
     -->
          <el-upload
                  class="upload-demo"
                  action="https://edu-system0617.oss-cn-chengdu.aliyuncs.com"
                  :data="uploadData"
                  :before-upload="beforeUpload"
                  :on-success="handleSuccess"
                  :file-list="fileList"
                  list-type="picture">
              <el-button size="small" type="primary">点击上传</el-button>
              <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
          </el-upload>
    async beforeUpload(){
      await this.$http.get("common/oss/sign").then(response=>{ //通过网关访问
        //设置相关的参数
        var resultObj = response.data.data;
        this.uploadData.policy = resultObj.policy;
        this.uploadData.signature = resultObj.signature;
        this.uploadData.ossaccessKeyId = resultObj.accessid;
        //上传的文件名,使用UUID处理一下
        this.uploadData.key = resultObj.dir + '/'+this.getUUID()+'_${filename}';
        this.uploadData.dir = resultObj.dir;
        this.uploadData.host = resultObj.host;
      });
  },

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值