aliyunupload图片上传_React使用antd的upload组件上传图片到阿里云,服务端签名

本文介绍了在React应用中,如何利用antd的upload组件结合阿里云服务端签名,实现图片上传到阿里云OSS。文章详细阐述了前后端的实现步骤,包括后端生成签名和政策,前端如何获取并使用这些信息进行文件上传。
摘要由CSDN通过智能技术生成

在React框架中使用antd组件里面upload组件上传图片到阿里云。

antd有官方文档,但是有点复杂了,实际上用不了那么多的方法,我简化了一下。

我使用服务端签名,前端传。

首先是后端代码

public static Map getSignatureAndPolicy(){

Map returnMap = new HashMap<>();

OSSClient ossClient = new OSSClient(endpoint, accessKeyId, accessKeySecret);

long expireTime = 3600;

//过期时间加一天

long expireEndTime = System.currentTimeMillis() + expireTime * 1000*24;

Date expiration = new Date(expireEndTime);

PolicyConditions policyConds = new PolicyConditions();

policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);

String postPolicy = ossClient.generatePostPolicy(expiration, policyConds);

byte[] binaryData = new byte[0];

try {

binaryData = postPolicy.getBytes("utf-8");

} catch (Unsu

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值