图片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)
相关推荐
市民中心的蟋蟀23 分钟前
第五章 使用Context和订阅来共享组件状态
前端·javascript·react.js
我不会编程55524 分钟前
Python Cookbook-5.1 对字典排序
开发语言·数据结构·python
李少兄25 分钟前
Unirest:优雅的Java HTTP客户端库
java·开发语言·http
逆袭的小黄鸭27 分钟前
JavaScript 闭包:强大特性背后的概念、应用与内存考量
前端·javascript·面试
Mintopia40 分钟前
Node.js 中 fs.readFile API 的使用详解
前端·javascript·node.js
Face41 分钟前
事件循环
前端·javascript
谦谦橘子43 分钟前
服务端渲染原理解析
前端·javascript·react.js
Mintopia44 分钟前
深入理解 Three.js 中的 PerspectiveCamera
前端·javascript·three.js
无名之逆1 小时前
Rust 开发提效神器:lombok-macros 宏库
服务器·开发语言·前端·数据库·后端·python·rust
似水এ᭄往昔1 小时前
【C语言】文件操作
c语言·开发语言