微信关注,获取更多

阿里云OSS图片缩略图获取方式

阿里云对象存储服务提供图片处理功能,您可以将常用的图片处理操作保存成样式。一个复杂的操作利用样式功能后,使用一个很短的URL链接就能实现相同的效果。下面我们来介绍一下如何使用图片样式功能。

OSS是使用通过URL尾部的参数指定图片的缩放大小

图片路径后面拼接如下路径:

?x-oss-process=image/[处理类型],x_100,y_50[宽高等参数]

下面是一下基本参数:

  • ?x-oss-process=image/resize,m_lfit,w_240,h_180固定宽高,按长边缩放
  • ?x-oss-process=image/resize,m_mfit,w_240,h_180固定宽高,按短边缩放
  • ?x-oss-process=image/resize,m_lfit,h_180固定高度 宽度自适应
  • ?x-oss-process=image/resize,m_lfit,w_240固定宽度 高度自适应
  • ?x-oss-process=image/resize,m_pad,w_240,h_180固定宽高 缩略填充
  • ?x-oss-process=image/resize,m_fill,w_240,h_180固定宽高 居中裁剪

你会发现代码前面都是一样的,最主要的是“ ?x-oss-process= ”这里后面紧跟着就是样式代码:style/stylename。也就是新建样式那一步骤里面编辑好的规则代码:image/resize,m_fill,w_240,h_180。样式根据自己的定义有很大的不同。

定义完毕,编辑结束后就可以使用了。

比如你的图片地址是:

http://img.abc.123.jpg

那你访问缩略图格式就是:

http://img.abc.123.jpg?x-oss-process=style/stylename

也就是:

http://img.abc.123.jpg?x-oss-process=样式代码

如图:

基本上这样就OK了,可以访问了。

有没有觉得OSS图片缩略图代码/链接太长了?不好记也不美观对不对?

打个响指:

阿里云OSS提供了一个方便优秀的功能,就是自定义规则。

自定义规则:域名/sample.jpg自定义分隔符stylename

如下图设置自己的自定义分隔符,分隔符有:“-”横杠“_”下划线“/”斜杠和“!”感叹号。打开OSS-图片处理-访问设置,可以设置多个分隔符,不建议。

设置好后就可以用分隔符加规则名称进行简单的访问OSS缩略图了。

下图规则名称是“img”分隔符是“-”那么访问就是:

http://img.abc.123.jpg-img

未经允许不得转载:下一个课程 » 阿里云OSS图片缩略图获取方式

评论

1+2=

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏