记录一下阿里oss的图片加水印问题

本文详细记录了如何在阿里云OSS中给图片添加水印,包括上传水印图片到Bucket,创建数据处理样式,以及前端如何调用带水印的图片URL。由于OSS水印功能限制,当需要不同规格水印时,可能需要前端根据图片大小动态选择合适的水印。

浏览下载都要求有水印

1.先要在Bucket上传水印图片,一般是没有底色的png图片

2.Bucket数据处理里新建样式,注意图二的水印链接要填Bucket里存储的文件名

3.样式选择刚才设置的样式

4.前端调用的时候,复制的url就是

https://xxxxxx.oss-cn-sh.aliyuncs.com/202009114.png?x-oss-process=image/auto-orient,1/watermark,image_TGFyazIwMjEwNzA3LTExMTkxNjA3MDdedG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTAw,g_east,t_75,x_1,y_1

补充,因为阿里云oss水印只能同时调用一种,当客户有多种规格的图片时,则需要添加多张水印地址,由前端根据图片大小自动判断使用相匹配的水印(这个每张都要判断大小),所以一般还是建议客户使用统一的固定大小的图片。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值