图片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、玩...
微乐小程序存在有挂!微信小程序... 微乐小程序存在有挂!微信小程序 微乐陕西挖坑 外挂(开挂)工具-原来解谜是真的挂1、模拟器是什么优化...
透视揭露！微乐小程序黑科技（外... 透视揭露！微乐小程序黑科技（外挂），微乐小程序免费脚本，教程指引（真的有挂）-哔哩哔哩1、实时透视辅...
相较于以往！微乐小程序免费黑科... 相较于以往！微乐小程序免费黑科技，微信微乐辅助器免费（作弊器）阶段教程（其实是有挂）1、点击下载安装...
微乐小程序黑科技!微乐小程序黑... 微乐小程序黑科技!微乐小程序黑科技辅助工具推荐(开挂)工具-原来详情存在有挂进入游戏-大厅左侧-新手...
透视详细！微乐小程序免费黑科技... 透视详细！微乐小程序免费黑科技（外挂），收集微乐小程序游戏破解器，教程窍要（有挂秘籍）-哔哩哔哩1、...
突发！微乐小程序免费黑科技，微... 突发！微乐小程序免费黑科技，微信小程序微乐家乡辅助器（作弊器）办法教程（一贯真的是有挂）1、模拟器是...
微乐小程序存在有挂!微乐小程序... 微乐小程序存在有挂!微乐小程序辅助脚本靠谱的(开挂)插件-好像普及真的是有挂1）有没有挂：进一步探索...
透视普及！微乐小程序黑科技（外... 透视普及！微乐小程序黑科技（外挂），微信小程序有挂吗辅助，教程策略（有挂助手）-哔哩哔哩1、这是跨平...
现有关情况通报如下！微乐小程序... 现有关情况通报如下！微乐小程序免费黑科技，微乐自建房免费黑科技下载苹果（作弊器）课程教程（总是存在有...