图片url处理(带http和不带http)方法

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

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

方法:

javascript 复制代码
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的路径

打印出来是没问题的

javascript 复制代码
var imgSrc = '/static/img/logo.png'  
// www.xxx.com/static/img/logo.png

var imgSrc = 'https://img-home.csdnimg.cn/images/20201124032511.png'
// https://img-home.csdnimg.cn/images/20201124032511.png

// 调用
this.imageUrl(imgSrc)
相关推荐
TechWJ1 分钟前
PyPTO编程范式深度解读:让NPU开发像写Python一样简单
开发语言·python·cann·pypto
lly20240624 分钟前
C++ 文件和流
开发语言
发现一只大呆瓜26 分钟前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试
m0_7066532330 分钟前
分布式系统安全通信
开发语言·c++·算法
寻寻觅觅☆1 小时前
东华OJ-基础题-104-A == B ?(C++)
开发语言·c++
lightqjx1 小时前
【C++】unordered系列的封装
开发语言·c++·stl·unordered系列
zh_xuan1 小时前
kotlin lazy委托异常时执行流程
开发语言·kotlin
wuhen_n2 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n2 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
阿猿收手吧!2 小时前
【C++】string_view:高效字符串处理指南
开发语言·c++