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

上一篇：TypeScript(switch判断)

下一篇：exceptionx：灵活便捷的Python异常处理库，让异常处理更高效！

相关内容

热门资讯

实测分享！桃乐甘肃麻将下载辅助... 实测分享！桃乐甘肃麻将下载辅助器，飞驰娱乐科技软件，练习教程（有挂神器）该软件可以轻松地帮助玩家将桃...
我来教大家！白银胡乐亲友房，上... 我来教大家！白银胡乐亲友房，上品游戏辅助器，课程教程（有挂透明挂）1、玩家可以在上品游戏辅助器透视最...
最新研发！微信小程序蜀山四川辅... 最新研发！微信小程序蜀山四川辅助器，杭州都莱辅助，指南教程（有挂技巧）一、微信小程序蜀山四川辅助器游...
一分钟了解！潮汕雀友会辅助，创... 一分钟了解！潮汕雀友会辅助，创思维激k辅助控制器，窍门教程（有挂教学）1、下载好创思维激k辅助控制器...
玩家必看科普！麻友圈插件，微信... 玩家必看科普！麻友圈插件，微信边锋辅助，学习教程（有挂秘籍）1、很好的工具软件，可以解锁游戏的微信边...
今日科普！乐乐围棋入门辅助，途... 今日科普！乐乐围棋入门辅助，途游辅助器，法子教程（有挂方法）；小薇（辅助器软件下载）致您一封信；亲爱...
玩家必备攻略！欢聚水鱼天下辅助... 玩家必备攻略！欢聚水鱼天下辅助，微友助手破解版，要领教程（发现有挂）1、欢聚水鱼天下辅助透视辅助软件...
专业讨论！白金岛跑胡子脚本，多... 专业讨论！白金岛跑胡子脚本，多乐辅助器，手册教程（有挂神器）亲，关键说明，白金岛跑胡子脚本透视脚本安...
玩家科普！皮皮辅助软件，四川家... 玩家科普！皮皮辅助软件，四川家园辅助软件，演示教程（有挂细节）所有人都在同一条线上，像星星一样排成一...
一分钟教你！随意玩脚本辅助工具... 一分钟教你！随意玩脚本辅助工具透视，川南九九辅助，步骤教程（有挂详情）1、很好的工具软件，可以解锁游...