当前位置: 首页 > news >正文

图片url处理(带http和不带http)方法

后端返回的接口数据,图片路径,有的是相对路径,有的是带http的路径

得处理一下,如果是相对路径就拼上服务器的地址(xxx),如果是带http的路径就正常显示

方法:

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的路径

打印出来是没问题的

var imgSrc = '/static/img/logo.png'  
// www.xxx.com/static/img/logo.pngvar imgSrc = 'https://img-home.csdnimg.cn/images/20201124032511.png'
// https://img-home.csdnimg.cn/images/20201124032511.png// 调用
this.imageUrl(imgSrc)

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • “微软蓝屏”事件:网络安全与稳定性的深刻反思
  • 深入学习H264和H265
  • 数据集相关类代码回顾理解 | StratifiedShuffleSplit\transforms.ToTensor\Counter
  • 【组件协作】模板方法
  • 【TS】TypeScript数组类型:掌握数据集合的类型安全
  • 2024钉钉杯A题思路详解
  • 【Qt】修改窗口的标题和图标
  • PHP西陆招聘求职系统小程序源码
  • chrome 接口请求等待时间(installed 已停止)过长问题定位
  • 实现代码灵活性:用Roslyn动态编译和执行存储在数据库中的C#代码
  • 论文解读:DiAD之SG网络
  • win 自动的杀毒软件,误报病毒情况 如何排除
  • jmeter录制
  • ESP32无线WiFi蓝牙双模方案加速设备联网创新,启明云端乐鑫代理商
  • Java小白入门到实战应用教程-switch case条件语句
  • JavaScript 如何正确处理 Unicode 编码问题!
  • JavaScript-如何实现克隆(clone)函数
  • Angular数据绑定机制
  • classpath对获取配置文件的影响
  • Fabric架构演变之路
  • Java 23种设计模式 之单例模式 7种实现方式
  • log4j2输出到kafka
  • PHP CLI应用的调试原理
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • Three.js 再探 - 写一个跳一跳极简版游戏
  • Web设计流程优化:网页效果图设计新思路
  • 构造函数(constructor)与原型链(prototype)关系
  • 关于Android中设置闹钟的相对比较完善的解决方案
  • 湖南卫视:中国白领因网络偷菜成当代最寂寞的人?
  • 七牛云 DV OV EV SSL 证书上线,限时折扣低至 6.75 折!
  • 前端_面试
  • 吐槽Javascript系列二:数组中的splice和slice方法
  • 微信小程序--------语音识别(前端自己也能玩)
  • 智能网联汽车信息安全
  • “十年磨一剑”--有赞的HBase平台实践和应用之路 ...
  • HanLP分词命名实体提取详解
  • ​一帧图像的Android之旅 :应用的首个绘制请求
  • #HarmonyOS:软件安装window和mac预览Hello World
  • #NOIP 2014# day.2 T2 寻找道路
  • (Demo分享)利用原生JavaScript-随机数-实现做一个烟花案例
  • (DenseNet)Densely Connected Convolutional Networks--Gao Huang
  • (ros//EnvironmentVariables)ros环境变量
  • (附源码)spring boot基于Java的电影院售票与管理系统毕业设计 011449
  • (删)Java线程同步实现一:synchronzied和wait()/notify()
  • (十二)python网络爬虫(理论+实战)——实战:使用BeautfulSoup解析baidu热搜新闻数据
  • (转)关于多人操作数据的处理策略
  • ./include/caffe/util/cudnn.hpp: In function ‘const char* cudnnGetErrorString(cudnnStatus_t)’: ./incl
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .NET 6 Mysql Canal (CDC 增量同步,捕获变更数据) 案例版
  • .Net Remoting常用部署结构
  • .NET/C# 检测电脑上安装的 .NET Framework 的版本
  • .NET/C# 异常处理:写一个空的 try 块代码,而把重要代码写到 finally 中(Constrained Execution Regions)
  • .NET框架
  • .Net中的集合
  • .NET中使用Protobuffer 实现序列化和反序列化