UriFilter Url链接格式化
对url进行格式化,自动新增域名前缀,缩略图等。
c-img
图片组件内部对图片地址处理使用了此工具。
基本使用
uni.$c.uriFilter(url, options)
提示
options
参数的默认值为c-img
组件的全局配置,详细请参考全局配置。
js
const url = '/uploads/2020/09/01/1.jpg';
console.log(uni.$c.uriFilter(url,{domain:'http://www.zhuyanjun.cn'})); // http://www.zhuyanjun.cn/uploads/2020/09/01/1.jpg
1
2
3
2
3
Options参数说明
属性名 | 类型 | 说明 | 平台 |
---|---|---|---|
src | String,Array,Object | 图片地址,可以是jsonArray的数据[{file:'',//...}] | All |
domain | Boolean,String | 自动补齐域名 注意:“/static/”开头的本地地址不会补全 domain={指定生效平台},多个“,”分隔,=true时等同于all指全部平台 domain=!{指定生效平台},只能指定一个非平台 平台名:vue3、vue2、plus、nvue、h5、weixin、alipay、baidu、toutiao、qq、 kuaishou、360、mp、webview、webview-union、webview-huawei | All |
baseUrl | String | 图片地址补全的默认Url | All |
remote | Boolean,String | 是否为本地资源远程托管(通常用于小程序) remote={指定生效平台},多个“,”分隔,=true时等同于mp,=all时指全部平台 remote=!{指定生效平台},只能指定一个非平台 平台名:vue3、vue2、plus、nvue、h5、weixin、alipay、baidu、toutiao、qq、 kuaishou、360、mp、webview、webview-union、webview-huawei | All |
remoteUrl | String | 本地资源远程托管所在的Url 为空时,默认使用baseUrl | All |
defaultImg | Boolean,Number,String | 开启默认图片 值为输入defaultUrl的索引,值为true时表示随机一个索引 | All |
defaultImgUrl | String,Object,Array | 默认图片地址 object格式:参考工具uriFilter的参数 | All |
srcKey | String | src值为json格式时取值 | All |
thumb | String | 缩略图 格式:w/{宽}/h/{高}/q/{0~100}/m/ | All |
thumbRule | String | 缩略图生成规则名 目前只支持aliyun(阿里云),其他规则请自行扩展 | All |