原创

如何访问七牛云带水印的图片?

郑重声明: 本文首发于人工博客

1、样式设置

先到七牛云oss控制台,设置图片样式

设置结果如下图:(设置细节不在这里详细描述,不太清楚的话自行百度)

人工博客
人工博客

2、如何访问

按照上图的结果这里有两个关键信息

样式的key: 94rg001

处理接口:

imageMogr2/auto-orient/thumbnail/150x150>/blur/1x0/quality/75|watermark/2/text/5Lq65bel5Y2a5a6i/font/5b6u6L2v6ZuF6buR/fontsize/240/fill/I0ZGRkZGRg==/dissolve/100/gravity/SouthEast/dx/10/dy/10

处理接口里面的详细的参数大家可以参考七牛云的文档

这里假设原图的请求地址是:

https://www.94rg.com/1.jpg

那么我们这里有两种方式可以获取到设定好的图片样式的水印图片

推荐方案: 原图地址+ (-样式key) -是连接符

https://www.94rg.com/1.jpg-94rg001

方案二: 原图地址+(?处理接口地址)

 https://www.94rg.com/1.jpg?imageMogr2/auto-orient/thumbnail/150x150>/blur/1x0/quality/75|watermark/2/text/5Lq65bel5Y2a5a6i/font/5b6u6L2v6ZuF6buR/fontsize/240/fill/I0ZGRkZGRg==/dissolve/100/gravity/SouthEast/dx/10/dy/10

3、方案的适用场景

方案一固定key,隐藏具体的处理逻辑,适合网站固定图片样式的,对于批量修改也是很方便的

方案二其实是直接调用七牛云的接口的,灵活性比较好,但是url比较长,且一旦生成,再去调整样式就比较麻烦


版权声明:本文为人工博客的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
本文链接:https://www.gzcx.net/article/1725

正文到此结束
本文目录