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;
});
},