图片url处理(带http和不带http)方法
创始人
2024-11-15 15:35:49
0

后端返回的接口数据,图片路径,有的是相对路径,有的是带http的路径

得处理一下,如果是相对路径就拼上服务器的地址(xxx),如果是带http的路径就正常显示

方法:

imageUrl(url){   let str = RegExp('http');   let newUrl;   str.test(url) ? newUrl = url : newUrl = xxx + url;   // xxx就是需要拼接的地址   console.log(newUrl);   return newUrl }

测试了一下,一个是相对路径(/static/img/logo.png),一个是带http的路径

打印出来是没问题的

var imgSrc = '/static/img/logo.png'   // www.xxx.com/static/img/logo.png  var imgSrc = '/zb_users/upload/2024/csdn/20201124032511.png' // /zb_users/upload/2024/csdn/20201124032511.png  // 调用 this.imageUrl(imgSrc)

相关内容

热门资讯

透视代打!德州大菠萝摆牌攻略,... 【福星临门,好运相随】;透视代打!德州大菠萝摆牌攻略,wepoker有辅助吗(详细辅助可靠技巧);暗...
wepoke智能ai!wpk怎... wepoke智能ai!wpk怎么玩胜率高,(WEPOke)本来真的是有挂(有挂攻略);科技安装教程;...
透视辅助!河南微乐小程序辅助器... 透视辅助!河南微乐小程序辅助器免费(辅助挂)本来存在有挂(详细辅助力荐教程)1、打开软件启动之后找到...
wepokeai代打的胜率!h... wepokeai代打的胜率!hm3德州辅助,(wepOke)本然有挂(有挂透明);wpk透视辅助官方...
透视存在!HH德州pk机器人多... 德扑之星透视软件作弊挂赢率提升策略‌;透视存在!HH德州pk机器人多吗,德扑之星透视软件作弊挂(详细...
透视辅助!新蜜瓜大厅免费控制器... 透视辅助!新蜜瓜大厅免费控制器(辅助挂)其实存在有挂(详细辅助细节方法)新蜜瓜大厅免费控制器辅助器中...
WePoKe外 挂!wpk外挂... WePoKe外 挂!wpk外挂是真的还是,(WEPOKE)竟然存在有挂(有挂攻略);《WPK辅助透视...
透视玄学!wePoKer有透视... 透视玄学!wePoKer有透视软件吗,poker透视挂(详细辅助微扑克教程);wePoKer有透视软...
透视辅助!四川点点长牌系统(辅... 透视辅助!四川点点长牌系统(辅助挂)原来真的有挂(详细辅助攻略方法);1)四川点点长牌系统辅助挂:进...
wepoke是真的有挂!wep... 【福星临门,好运相随】;wepoke是真的有挂!wepoke ai,(wepOkE)起初是真的有挂(...