图片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)
相关推荐
草莓啵啵~1 小时前
pywinauto-打开程序+连接已打开的程序
开发语言·python
Non-existent9872 小时前
海拔批量查询 + 批量 KML 生成工具-WPS 插件 TableGIS 新功能
javascript·c++·excel·wps
大神15732 小时前
重磅免费开放!基于B/S模式的Peach-Editor电子病历编辑器正式上线
javascript·编辑器·web
Ws_8 小时前
C#学习 Day2
开发语言·学习·c#
杰克尼8 小时前
天机学堂复习总结(day03-day04)
java·开发语言·redis·elasticsearch·spring cloud
tedcloud1238 小时前
RTK部署教程:构建稳定的AI Workflow环境
服务器·javascript·人工智能·typescript·ocr
x***r1519 小时前
jdk-11.0.16.1_windows使用步骤详解(附JDK 11环境变量配置与验证教程)
java·开发语言·windows
luck_bor10 小时前
File类&递归作业
java·开发语言
努力努力再努力wz13 小时前
【Qt入门系列】:按钮组件全解析:从 QAbstractButton 到快捷键事件、单选与复选机制
c语言·开发语言·数据结构·c++·git·qt·github
skywalk816314 小时前
言知(Yanzhi)系统提升建议报告和完工报告 by AutoCoder
开发语言·编程