图片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异常处理库，让异常处理更高效！

相关内容

热门资讯

黑科技系统！wpk外挂是真的还... 黑科技系统！wpk外挂是真的还是假的（黑科技ai）太实锤了真是有挂（2022已更新）（哔哩哔哩）1、...
记者揭秘“wpk透视辅助合作”... 1、记者揭秘“wpk透视辅助合作”外挂透明挂辅助软件（本来有挂）-哔哩哔哩；详细教程。2、wpk透视...
今日头条“雀友会广东潮汕辅助”... 今日头条“雀友会广东潮汕辅助”太实锤了透视辅助开挂必赢方法-本来有挂1、构建自己的雀友会广东潮汕辅助...
黑科技黑科技！聚星扑克这个平台... 黑科技黑科技！聚星扑克这个平台靠谱吗（黑科技ai）太实锤了确实是真的有挂（2024已更新）（哔哩哔哩...
总算了解“wepoke德州扑克... 总算了解“wepoke德州扑克ai软件”外挂透明挂辅助app（其实是真的有挂）-哔哩哔哩是一款可以让...
分享一款“新二号辅助软件下载”... 分享一款“新二号辅助软件下载”太嚣张了透视辅助开挂软件教程-一贯真的是有挂1、分享一款“新二号辅助软...
技巧知识分享“德州之星辅助器使... 技巧知识分享“德州之星辅助器使用教程”外挂透明挂辅助挂（好像有挂）-哔哩哔哩；wpk透视辅助官方版是...
黑科技辅助！红龙扑克电脑模拟器... 黑科技辅助！红龙扑克电脑模拟器（透明黑科技）太实锤了果然是有挂（2021已更新）（哔哩哔哩）；红龙扑...
发现一款“蜀山四川智能辅助插件... 发现一款“蜀山四川智能辅助插件”太夸张了透视辅助开挂扑克教程-竟然有挂1、完成蜀山四川智能辅助插件的...
终于知道“微扑克发牌规律性总结... 终于知道“微扑克发牌规律性总结”外挂透明挂辅助脚本（真是真的有挂）-哔哩哔哩；（需添加指定威信136...