【3分钟前端】oss图片使用缩略图 ?x-oss-process=image/auto-orient,1/resize,m_lfit,w_200/quality,q_100

怎样过不是过

于 2021-03-02 09:53:13 发布

阅读量2.4k

点赞数

分类专栏： 3分钟前端文章标签：前端优化

本文链接：https://blog.youkuaiyun.com/weixin_37510612/article/details/114268300

版权

3分钟前端专栏收录该内容

7 篇文章

订阅专栏

?x-oss-process=image/auto-orient,1/resize,m_lfit,w_200/quality,q_100
取值范围 q_0~q_100 代表图片的质量

全局的js中添加ossUrl过滤
// 图片转换
Vue.prototype.ossUrl = function(url,width = 750) { 
    return url+'?x-oss-process=image/auto-orient,1/resize,m_lfit,w_'+width+'/quality,q_100';
}



使用
<img :src="ossUrl('about/app-pic02.png',100)" />