图片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)

相关内容

热门资讯

指导大家“新海贝之城游戏攻略”... 指导大家“新海贝之城游戏攻略”好像存在有挂(辅助挂)详细辅助存在挂教程;是一种具有地方特色的麻将游戏...
两分钟辅助!暗宝破解器(辅助挂... 两分钟辅助!暗宝破解器(辅助挂)一贯有挂(详细辅助攻略方法)(1)两分钟辅助!暗宝破解器(辅助挂)一...
透视插件!wepoker透视苹... 透视插件!wepoker透视苹果系统,拱趴大菠萝9人场技巧,德州论坛(有挂脚本);1、该软件可以轻松...
2分钟细说“微信小程序多乐辅助... 2分钟细说“微信小程序多乐辅助器免费下载”其实存在有挂(辅助挂)详细辅助教你教程1、超多福利:超高返...
第二分钟辅助!新道游辅助器透视... 1、第二分钟辅助!新道游辅助器透视挂(辅助挂)素来是有挂(详细辅助技巧教程);代表性(透视辅助软件透...
透视辅助!wejoker辅助软... 透视辅助!wejoker辅助软件价格,胡乐辅助脚本,攻略方法(有挂解密)1、在胡乐辅助脚本ai机器人...
第四分钟辅助!中至抚州数刀辅助... 1、第四分钟辅助!中至抚州数刀辅助器(辅助挂)真是存在有挂(详细辅助AI教程);代表性(透视辅助软件...
带你了解“福建天天开心辅助器是... 带你了解“福建天天开心辅助器是真的吗”竟然是有挂(辅助挂)详细辅助普及教程1、全新机制【福建天天开心...
透视新版!hhpoker真能买... 透视新版!hhpoker真能买到挂吗,禅游游戏辅助器,教你攻略(有挂揭秘);亲,关键说明,禅游游戏辅...
第6分钟辅助!开心泉州小程序有... 第6分钟辅助!开心泉州小程序有挂吗(辅助挂)原先是真的有挂(详细辅助分享教程)1、开心泉州小程序有挂...