javascript - 从给定的 html 中剥离图像 src

Question

html 包含图像路径，如

<img src="/testsite/images/abc.jpg" />

我希望 javascript 将所有图像 src 转换成这样

<img src="images/abc.jpg"/>

简单地说我想删除 image/abc.jpg 之前的任何域名/文件夹名称。

如何使用 javascript 完成？

Answer 1

千里之行，始于足下

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; ++i) {
  var img = images[i];
  img.src = img.src.replace(/^.*(images/[^/]+)$/, "$1");
}

事情是这样的:如果你提供一个带有 <img> 的页面具有伪造“src”属性的元素，浏览器将发出 HTTP“GET”请求来加载这些 URL。如果您能安排服务器一开始就不会发送错误的 URL，那就更好了。