条件准备好阿里云对象存储的账号->创建一个bucket(设置好访问权限)->创建用于上传文件的子账号得到accessKey和secretKey以及endpoint->sdk例子java简单上传的例子测试
- 在application.yml中配置accessKey和secretKey即可
- import com.aliyun.oss.ClientException;
- import com.aliyun.oss.OSS;
- import com.aliyun.oss.OSSClientBuilder;
- import com.aliyun.oss.OSSException;
- import com.aliyun.oss.model.PutObjectRequest;
- import com.aliyun.oss.model.PutObjectResult;
- import java.io.FileInputStream;
- import java.io.InputStream;
- public class Demo {
- public static void main(String[] args) throws Exception {
- //accessKey和secretKey以及endpoint在配置文件中指定的话这里就不用重复指定
- // Endpoint以华东1(杭州)为例,其它Region请按实际情况填写。
- String endpoint = "https://oss-cn-hangzhou.aliyuncs.com";
- // 阿里云账号AccessKey拥有所有API的访问权限,风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维,请登录RAM控制台创建RAM用户。
- String accessKeyId = "yourAccessKeyId";
- String accessKeySecret = "yourAccessKeySecret";
- // 填写Bucket名称,例如examplebucket。
- String bucketName = "examplebucket";
- // 填写Object完整路径,完整路径中不能包含Bucket名称,例如exampledir/exampleobject.txt。
- String objectName = "exampledir/exampleobject.txt";
- // 填写本地文件的完整路径,例如D:\\localpath\\examplefile.txt。
- // 如果未指定本地路径,则默认从示例程序所属项目对应本地路径中上传文件流。
- String filePath= "D:\\localpath\\examplefile.txt";
- // 创建OSSClient实例。
- OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);
- try {
- InputStream inputStream = new FileInputStream(filePath);
- // 创建PutObjectRequest对象。
- PutObjectRequest putObjectRequest = new PutObjectRequest(bucketName, objectName, inputStream);
- // 设置该属性可以返回response。如果不设置,则返回的response为空。
- putObjectRequest.setProcess("true");
- // 创建PutObject请求。
- PutObjectResult result = ossClient.putObject(putObjectRequest);
- // 如果上传成功,则返回200。
- System.out.println(result.getResponse().getStatusCode());
- } catch (OSSException oe) {
- System.out.println("Caught an OSSException, which means your request made it to OSS, "
- + "but was rejected with an error response for some reason.");
- System.out.println("Error Message:" + oe.getErrorMessage());
- System.out.println("Error Code:" + oe.getErrorCode());
- System.out.println("Request ID:" + oe.getRequestId());
- System.out.println("Host ID:" + oe.getHostId());
- } catch (ClientException ce) {
- System.out.println("Caught an ClientException, which means the client encountered "
- + "a serious internal problem while trying to communicate with OSS, "
- + "such as not being able to access the network.");
- System.out.println("Error Message:" + ce.getMessage());
- } finally {
- if (ossClient != null) {
- ossClient.shutdown();
- }
- }
- }
- }
复制代码 一,项目结合实例
先发送请求获得policy 在将对象发送阿里云对象存储服务器 减轻后端压力
建立一个oss服务器
将oss相关配置写在配置文件中
- spring:
- cloud:
- nacos:
- discovery:
- server-addr: 127.0.0.1:8848
- application:
- name: gulimall-third-party
- alicloud:
- access-key: LTAI5t6G5JAZ9RB*********** # 修改为自己的
- secret-key: QhhibxJFoXR9qUs*********** # 修改为自己的
- oss:
- endpoint: oss-cn-************* # 修改为自己的
- bucket: test # 修改为自己的
- server:
- port: 30000
复制代码 编写controller前端请求这个controller获得policy
- package com.wcw.gulimall.third.party.controller;
- import com.aliyun.oss.OSS;
- import com.aliyun.oss.common.utils.BinaryUtil;
- import com.aliyun.oss.model.MatchMode;
- import com.aliyun.oss.model.PolicyConditions;
- import com.wcw.gulimall.third.party.utils.R;
- import org.springframework.beans.factory.annotation.Autowired;
- import org.springframework.beans.factory.annotation.Value;
- import org.springframework.web.bind.annotation.RequestMapping;
- import org.springframework.web.bind.annotation.RestController;
- import java.text.SimpleDateFormat;
- import java.util.Date;
- import java.util.LinkedHashMap;
- import java.util.Map;
- /**
- * @ClassName com.wcw.gulimall.third.party.controller.OssController
- * @Description:
- * @Author wcw
- * @Version V1.0 Created on :2023/3/2 17:25
- */
- @RestController
- public class OssController {
- @Autowired
- private OSS ossClient;
- @Value("${spring.cloud.alicloud.oss.endpoint}")
- private String endPoint;
- @Value("${spring.cloud.alicloud.oss.bucket}")
- private String bucket;
- @Value("${spring.cloud.alicloud.access-key}")
- private String accessId;
- @RequestMapping("/oss/policy")
- public R policy() {
- // 填写Host地址,格式为https://bucketname.endpoint。
- String host = "https://" + bucket + "." + endPoint;
- // 设置上传回调URL,即回调服务器地址,用于处理应用服务器与OSS之间的通信。OSS会在文件上传完成后,把文件上传信息通过此回调URL发送给应用服务器。
- // String callbackUrl = "https://192.168.0.0:8888";
- // 设置上传到OSS文件的前缀,可置空此项。置空后,文件将上传至Bucket的根目录下。
- String format = new SimpleDateFormat("yyyy-MM-dd").format(new Date());
- String dir = format+"/";
- Map<String, String> respMap = new LinkedHashMap<String, String>();
- // 创建ossClient实例。
- // OSS ossClient = new OSSClientBuilder().build(endpoint, accessId, accessKey);
- 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 = ossClient.generatePostPolicy(expiration, policyConds);
- byte[] binaryData = postPolicy.getBytes("utf-8");
- String encodedPolicy = BinaryUtil.toBase64String(binaryData);
- String postSignature = ossClient.calculatePostSignature(postPolicy);
- 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));
- // respMap.put("expire", formatISO8601Date(expiration));
- } catch (Exception e) {
- // Assert.fail(e.getMessage());
- System.out.println(e.getMessage());
- }
- return R.ok().put("data",respMap);
- }
- }
复制代码 返回下面的对象
- { policy: '',
- signature: '',
- key: '',
- ossaccessKeyId: '',
- dir: '',
- host: '',}
复制代码 携带policy按照aliyun oss官方文档发送即可
- <template>
- <div>
- <el-upload
- action="http://gulimall-wcw.oss-cn-chengdu.aliyuncs.com"
- :data="dataObj"
- list-type="picture"
- :multiple="false" :show-file-list="showFileList"
- :file-list="fileList"
- :before-upload="beforeUpload"
- :on-remove="handleRemove"
- :on-success="handleUploadSuccess"
- :on-preview="handlePreview">
- <el-button size="small" type="primary">点击上传</el-button>
- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过10MB</div>
- </el-upload>
- <el-dialog :visible.sync="dialogVisible">
- <img width="100%" :src="fileList[0].url" alt="">
- </el-dialog>
- </div>
- </template>
- <script>
- import {policy} from './policy'
- import { getUUID } from '@/utils'
- export default {
- name: 'singleUpload',
- props: {
- value: String
- },
- computed: {
- imageUrl() {
- return this.value;
- },
- imageName() {
- if (this.value != null && this.value !== '') {
- return this.value.substr(this.value.lastIndexOf("/") + 1);
- } else {
- return null;
- }
- },
- fileList() {
- return [{
- name: this.imageName,
- url: this.imageUrl
- }]
- },
- showFileList: {
- get: function () {
- return this.value !== null && this.value !== ''&& this.value!==undefined;
- },
- set: function (newValue) {
- }
- }
- },
- data() {
- return {
- dataObj: {
- policy: '',
- signature: '',
- key: '',
- ossaccessKeyId: '',
- dir: '',
- host: '',
- // callback:'',
- },
- dialogVisible: false
- };
- },
- methods: {
- emitInput(val) {
- this.$emit('input', val)
- },
- handleRemove(file, fileList) {
- this.emitInput('');
- },
- handlePreview(file) {
- this.dialogVisible = true;
- },
- beforeUpload(file) {
-
- let _self = this;
- return new Promise((resolve, reject) => {
- policy().then(response => {
- console.log("response:",response);
- _self.dataObj.policy = response.data.policy;
- _self.dataObj.signature = response.data.signature;
- _self.dataObj.ossaccessKeyId = response.data.accessId;
- _self.dataObj.key = response.data.dir +getUUID()+'_${filename}';
- _self.dataObj.dir = response.data.dir;
- _self.dataObj.host = response.data.host;
- console.log("_self.dataObj:",_self.dataObj);
- resolve(true)
- }).catch(err => {
- reject(false)
- })
- })
- },
- handleUploadSuccess(res, file) {
- console.log("上传成功...")
- this.showFileList = true;
- this.fileList.pop();
- this.fileList.push({name: file.name, url: this.dataObj.host + '/' + this.dataObj.key.replace("${filename}",file.name) });
- this.emitInput(this.fileList[0].url);
- }
- }
- }
- </script>
- <style>
- </style>
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |