JS 正则相对路径转绝对路径

原创 已于 2022-01-30 00:21:18 修改 · 693 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#js #javascript
于 2021-08-26 20:52:17 首次发布
该博客介绍了一个JavaScript函数replaceImageSrc，其作用是批量为HTML中所有非HTTP开头的图片src属性添加指定的域名前辍，确保图片源的完整性和正确加载。这对于网站迁移或CDN配置等场景非常实用。

用于图片src地址添加域名前辍

function replaceImageSrc(str) {
    str = str.replace(/src=\"([^http]|\/)(\w)/gi, 'src=\"https://www.xxx.com/$2');
    return str;
}

javascript将相对路径转绝对路径示例
12-12
这里介绍的其实本质上是两种方法，通过创建DOM或通过JavaScript计算： 1)通过新创建的Image, 经测试会发送一个Aborted的请求，并且IE6不支持, 将new Image改成document.createElement(‘IMG’)也是一样的;测试应该不喜欢这个方案； 代码如下:function getAbsoluteUrl(url){    var img = new Image();    img.src = url;  // 设置相对路径给Image, 此时会发送出请求    url = img.src;  // 此时相对路径已经变成绝对路径    img.src =
JavaScript正则表达式替换字符串中图片地址(img src)的方法
10-20
主要介绍了JavaScript正则表达式替换字符串中图片地址(img src)的方法,结合实例形式分析了JS正则替换的常用技巧与注意事项,需要的朋友可以参考下
相对地址替换为绝对地址
weixin_46421725的博客
03-31 480
完成相对地址替换为绝对地址并不影响已有的绝对地址的标签
js利用正则替换图片路径问题
weixin_30337251的博客
04-21 753
/* * 需求：给图片的src地址前面增加为assets * * 1. 将需要匹配的内容原封不动的写入正则表达式 * 2. 将改变的内容替换为.*? * 3. 将.*?添加(),目的是为了能够将src中的内容单独匹配一次作为匹配结果 * 4.通过replace将内容替换 * content.replace(reg,'<im...
Javascript中对字符串进行正则转义 - js字符串转义-正则表达式
細水、長流√的专栏
03-02 1718
Javascript中对字符串进行正则转义 - js字符串转义-正则表达式
JS 正则目录
Vince的专栏
04-01 585
正负整数+正负小数+整数位数大于1位时不以0打头 /^(?:(?:-?[1-9][0-9]*(?:\.[0-9]+)?)|(?:-?0(?:\.[0-9]+)?))$/g 非负整数+非负小数+整数位大于1位时不以0打头 /^(?:(?:[1-9][0-9]*(?:\.[0-9]+)?)|(?:0(?:\.[0-9]+)?))$/g 负整数+负小数+整数位数大于1位时不以0打头 /^(?:(?:-[1-9][0-9]*(?:\.[0-9]+)?)|(?:-0\.[0-9]+))$/g 正负.
巧用Javascript将相对路径地址转换为绝对路径
weixin_33724659的博客
03-14 429
  　这里介绍的其实本质上是两种方法，通过创建DOM或通过JavaScript计算： 　　1)通过新创建的Image, 经测试会发送一个Aborted的请求，并且IE6不支持, 将new Image改成document.createElement('IMG')也是一样的;测试应该不喜欢这个方案； 1 2 3 4 5 6 7 8 9 func...
使用Javascript获取当前目录的绝对路径
weixin_30596023的博客
03-30 108
转自http://heeroluo.net/Article/Detail/101 一谈到路径相关的问题，大家都会往window.location上想，确实这个对象提供了相当多的路径信息，其中常用的就包括： location.href：当前页面的完整URL location.pathname：当前URL中的路径名 location.hash：当前URL中的锚点 location.sea...
Sea.js中的路径解析：相对路径与绝对路径
最新发布
gitblog_00222的博客
10-28 925
在前端模块化开发中，路径解析是保证模块正确加载的核心环节。Sea.js作为一款轻量级的Web模块加载器（Module Loader for the Web），其路径处理机制直接影响着模块依赖的准确性和项目的可维护性。本文将深入解析Sea.js中相对路径与绝对路径的解析规则，结合源码实现与实际案例，帮助开发者彻底掌握路径配置技巧。 ## 路径解析的核心实现 Sea.js的路径解析逻辑集中在[sr...
php js绝对路径,js相对路径转绝对路径方法abs-url
weixin_33236271的博客
03-22 407
最近在尝试爬一个网站，网站图片使用了相对和绝对两种路径，导致某些图片下载失败。先百度一下牛人的解决方法，加以修改，现在基本能满足自己项目要求。网上的方法：function canonical_uri(src, base_path) {var root_page = /^[^?#]*\//.exec(location.href)[0],root_domain = /^\w+\:\/\/\/?[^\/...
JavaScript 富文本内容Img标签Src属性相对路径改为绝对路径，绝对路径不做处理。
渡陨的博客
08-06 2009
JavaScript 富文本内容Img标签Src属性相对路径改为绝对路径，绝对路径不做处理。直接上代码 直接上代码 var a = '<P><img src="http://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg"><img src="https://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg"
理解 JavaScript 中的“ / ”：路径、资源与目录、nginx配置、请求、转义的那些事
RenGJ010617的博客
08-04 3530
这篇文章深入探讨了JavaScript中"/"符号的多重含义与应用场景。文章从路径解析入手，分析了/在文件路径、URL结构和相对/绝对路径中的不同作用，特别强调了其在区分目录与资源时的关键性。随后详细讲解了/Vue框架中的特殊用途，包括路由配置和项目构建时的base设置。此外还涵盖了SEO优化、Nginx配置技巧、API请求处理以及正则表达式中的转义问题等内容。通过系统梳理这一常见符号在前端开发中的各种应用场景，帮助开发者更全面地理解其技术细节，从而提升路径处理、接口调试和服务器配置等方
替换html里面的图片相对路径地址为绝对路径
大林的博客
10-31 2301
项目要用到使用正则函数preg_replace_callback把图片相对路径替换为绝对路径，自己写的函数记录下来以备以后复用 function pregReplaceImg($content,$prefix) { $contentAlter = preg_replace_callback('/src=[\'\"]([\s\S]*?)[\'\...
html 相对路径 转换,转换html中的相对路径成绝对路径
weixin_33702545的博客
05-30 261
I ran into a situation where I needed to screen scrape some content from a site and display it on my own site. This works really well except for dependent files like javascripts, SWFs and images that ...
Sea.js中的URI解析：util-path.js深度剖析
gitblog_01068的博客
10-28 843
在前端模块化开发中，正确解析资源路径（URI）是确保模块加载不出错的关键环节。开发者常常面临相对路径混乱、路径别名处理复杂、不同环境下路径解析差异等问题。Sea.js作为一款经典的Web模块加载器（Module Loader for the Web），其内部通过`util-path.js`模块提供了强大的URI解析能力，完美解决了这些痛点。本文将深入剖析`util-path.js`的实现原理，帮助...
富文本内容Img标签Src属性相对路径改为绝对路径
天乙的博客
04-20 1088
//JavaScript 富文本内容Img标签Src属性相对路径改为绝对路径，绝对路径不做处理。 var a = '<P><img src="http://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg"><img src="https://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg"><im
判断是否为链接地址的正则表达式(包括相对和绝对地址)
管子（zero）的杂乱空间
10-23 7771
经过努力终于自己写出一个简单而符号要求的判断是否为链接地址的正则表达式(包括相对和绝对地址)。 网上判断是否为url的正则表达式很多，但是却没有搜索到一个同时判断相对url和绝对url的(即../index.html和http://hi.baidu.com 或 http://hi.baidu.com/zdz8207/ 都视为符合要求的url)。后来根据要求反向思维终于写出来简单且符合要求的正则表达
使用Javascript获取页面所在目录的绝对路径
caomiao2006的专栏
10-14 2354
 一谈到路径相关的问题，大家都会往window.location上想，确实这个对象提供了相当多的路径信息，其中常用的就包括： location.href：当前页面的完整URL location.pathname：当前URL中的路径名 location.hash：当前URL中的锚点 location.search：当前URL中的查询参数 然而，location没有一个属性能直接获
php 正则匹配相对路径转绝对路径,php 获得当前的脚本网址和相对路径转化成绝对路径正则...
weixin_28963665的博客
03-21 210
function relative_to_absolute($content, $feed_url) {preg_match('/(http|https教程|ftp):///', $feed_url, $protocol);$server_url = preg_replace("/(http|https|ftp|news):///", "", $feed_url);$server_url = pr...
【正则】获取页面中img标签的src地址修改
anken1536的博客
03-26 682
想在html中的的src的相对路径中<img src="/Images/IMG_8506_副本.jpg" alt="">添加绝对路径， 首先获用正则获取img标签： /<img [^>]*src=['"]([^'"]+)[^>]*>/gi 得到的结果为： <img src="/Images/IMG_8506_副本.jpg" a...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xmode

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值