美文网首页
阿里云OSS,图片资源缩略图实现方法 x-oss-process

阿里云OSS,图片资源缩略图实现方法 x-oss-process

作者: lazy_tomato | 来源:发表于2020-10-23 15:48 被阅读0次

START

  • 番茄我又又又来写点啥啦
  • 记录一下,如果图片是上传到阿里云的OSS上,可以快速获取图片缩略图的方法

缩略图方法介绍

  • 直接在后端返回的URL后面拼接字符串:

    ?x-oss-process=image/resize,m_fill,w_782,h_540
    
  • 参数解释

    • resize

      中文翻译:调整大小

    • w_782,h_540

      下划线后面紧跟着的就是图片的宽高大小 (单位:px)

  • 这种缩略图获取方法是阿里云OSS提供的,相对于后端重新写一个获取缩略图接口的方法,方便不少,所以记录一下。

  • 当然除了可以设置图片大小还可以设置图片其他的属性,比如

    • ?x-oss-process=image/quality,q_60 
      //设置图片清晰度最后就是清晰度0-100,数字越大,清晰度越高
      

效果展示时间

  • 上面的内容基本就说完了咋用了,这个地方,就上图吧,记录一下,实现效果吧。仅此而已,就把它归类为效果展示时间吧。

1.没处理过的图片

没处理过的图片.png

2.处理过后的图片

处理过后的图片.png

快速获取视频的封面方法介绍

  • 直接在视频连接后面拼接下面的参数
  •  ?x-oss-process=video/snapshot,t_7000,f_jpg,w_800,h_600,m_fast
    
  • t_ 后面配置截取多少毫秒的视频对应的画面
  • 后续的参数和图片同理。
  • 同样需要是阿里云OSS,使用此后缀拼接原本url,才能截取视频画面。

END

今天的文字就写到这里啦。( ̄▽ ̄)"

相关文章

网友评论

      本文标题:阿里云OSS,图片资源缩略图实现方法 x-oss-process

      本文链接:https://www.haomeiwen.com/subject/kkbvmktx.html