图片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)
相关推荐
维诺菌12 小时前
claude code安装
java·开发语言·ai编程·calude
谙弆悕博士12 小时前
快速学C语言—— 第0章:C语言简介
c语言·开发语言·经验分享·笔记·程序人生·课程设计·学习方法
顶点多余13 小时前
自定义协议、序列化、反序列化实现
java·linux·开发语言·c++·tcp/ip
风味蘑菇干13 小时前
使用接口定义规范,实现类完成具体逻辑。
java·开发语言
MATLAB代码顾问13 小时前
【智能优化】无穷优化算法(INFO)原理与Python实现
开发语言·python·算法
2401_8332693013 小时前
Java多线程:从入门到进阶
java·开发语言
z2005093013 小时前
C++中的右值引用
开发语言·c++
SilentSamsara13 小时前
迭代器协议:`__iter__` / `__next__` 的完整执行流程
开发语言·人工智能·python·算法·机器学习
平凡但不平庸的码农13 小时前
Go Channel详解
开发语言·后端·golang
村上小树13 小时前
非常简单地学习一下shareDB的原理
前端·javascript