图片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 分钟前
WASM与OPFS组合技系列三(魔改写操作)
前端·javascript·webassembly
清粥油条可乐炸鸡8 分钟前
el-transfer穿梭框数据量过大的解决方案
前端·javascript
只因从未离去8 分钟前
黑马Java基础笔记-4
java·开发语言·笔记
言之。12 分钟前
【Go语言】ORM(对象关系映射)库
开发语言·后端·golang
独立开阀者_FwtCoder13 分钟前
TypeScript 是怎么工作的?一文带你深入编译器内部流程
前端·javascript·面试
独立开阀者_FwtCoder18 分钟前
前端自适应方案全面解析:打造多端适配的现代网页
前端·javascript·面试
席万里27 分钟前
Go语言企业级项目使用dlv调试
服务器·开发语言·golang
渣渣宇a28 分钟前
Three_3D_Map 中国多个省份的组合边界绘制,填充背景
前端·javascript·three.js
狗子的狗粮33 分钟前
Node.js 模块加载与 exports 和 module.exports 的区别
javascript
zayyo33 分钟前
Web 应用轻量化实战
前端·javascript·面试