图片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)
相关推荐
平凡但不平庸的码农5 分钟前
Go context 包详解
开发语言·后端·golang
隐士Xbox5 分钟前
c++ 指针的用法
开发语言·c++·计算机视觉
江南十四行10 分钟前
Python元类编程——从type到metaclass的深度探索
开发语言·python
众乐乐_200815 分钟前
PHP 的进程 fork 机制
开发语言·php
ZC跨境爬虫15 分钟前
跟着 MDN 学 HTML day_32:(AbstractRange 抽象接口与 DOM 范围操作)
前端·javascript·ui·html·音视频
yujunl17 分钟前
U9 WCF调试的一个坑
开发语言
lly20240619 分钟前
Scala 模式匹配
开发语言
2zcode20 分钟前
基于MATLAB卷积神经网络的多颜色车牌识别系统设计与实现
开发语言·matlab·cnn
无限进步_23 分钟前
【C++】从红黑树到 map 和 set:封装设计与迭代器实现
开发语言·数据结构·数据库·c++·windows·github·visual studio
Hello eveybody24 分钟前
介绍一下动态树LCT(Python)
开发语言·python·算法