图片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)
相关推荐
Frank_refuel几秒前
C++之继承
开发语言·c++
sunfove22 分钟前
Python 自动化实战:从识图点击、模拟真人轨迹到封装 EXE 全流程教学
开发语言·python·自动化
傻啦嘿哟22 分钟前
Python网页自动化操作全攻略:从入门到实战
开发语言·python·自动化
筱歌儿35 分钟前
TinyMCE-----word表格图片进阶版
开发语言·javascript·word
黎雁·泠崖43 分钟前
Java面向对象:对象数组进阶实战
java·开发语言
%xiao Q1 小时前
GESP C++四级-216
java·开发语言·c++
西红市杰出青年1 小时前
Python异步----------信号量
开发语言·python
Ama_tor1 小时前
obsidian进阶の插件系列|Templater从小白到菜鸟
javascript·markdown·插件·obsidian
wuhen_n1 小时前
初识TypeScript
javascript·typescript
a程序小傲2 小时前
蚂蚁Java面试被问:向量数据库的相似度搜索和索引构建
开发语言·后端·python·架构·flask·fastapi