uniapp 全局添加图片 oss 或 网站域名 前缀

在main.js中定义了一个Vue.prototype.$getImgUrl函数,用于检查图片URL是否已包含HTTP。如果URL是网络地址,则直接返回,否则添加配置的ossUrl作为前缀,将相对路径转换为远程图片。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在main.js 里添加如下代码:

// 图片前缀
Vue.prototype.$getImgUrl = function(imgUrl) {
    if(imgUrl){
        var newStr = imgUrl.indexOf("http")
        if (imgUrl.indexOf("http") !== -1) {
            return imgUrl
        } else {
            return config.ossUrl + imgUrl || ''
        }
    }    
}

在调用的页面调用方法

this.$getImgUrl('图上路径')

该方法自动判断是否已是远程图片,如果已经是网络上的图片则不会再添加域名,如果是相对路径的图片则会自动添加域名前缀,变成远程图片。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值