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