图片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)
相关推荐
小王不爱笑1325 小时前
IO 模型
开发语言·python
知我Deja_Vu5 小时前
【避坑指南】ConcurrentHashMap 并发计数优化实战
java·开发语言·python
AI+程序员在路上5 小时前
CANopen 协议:介绍、调试命令与应用
linux·c语言·开发语言·网络
2401_831824965 小时前
基于C++的区块链实现
开发语言·c++·算法
qq_406176146 小时前
深入浅出 Pinia:Vue3 时代的状态管理新选择
javascript·vue.js·ecmascript
m0_518019486 小时前
C++与机器学习框架
开发语言·c++·算法
ZTLJQ6 小时前
深入理解逻辑回归:从数学原理到实战应用
开发语言·python·机器学习
qq_417695056 小时前
C++中的代理模式高级应用
开发语言·c++·算法
德育处主任Pro7 小时前
前端元素转图片,dom-to-image-more入门教程
前端·javascript·vue.js
波波0077 小时前
每日一题:.NET 中的“反射”是什么?
开发语言·.net