时间戳

首页 > 解决方案 > 我想将 img src 内部链接更改为外部链接

javascript - 我想将 img src 内部链接更改为外部链接

问题描述

<div class="view-content">
<img src="/img/img_01.png">
<img src="/img/img_02.png">
<img src="/img/img_03.png">
</div>

如果我想将其更改为

<div class="view-content">
<img src="http://example.com/img/img_01.png">
<img src="http://example.com/img/img_02.png">
<img src="http://example.com/img/img_03.png">
</div>

像这样使用 javascript 或 php str replace 我该怎么做。

var count = $('.view-content img').length; 
var url = window.location.hostname;
for(var i=0;i<count;i++){
  var imgurl = $('.view-content').eq(i).attr('src'); 
  $('.view-content img').eq(i).append(url+'/'+imgurl);
}

我已经尝试过这段代码，但它根本不起作用

标签： javascriptphphtmlimage

解决方案

您可以使用这样简单的脚本在每个图像的 src 参数的开头添加 http。

const images = document.querySelectorAll('.view-content img')
images.forEach(item => {
  const src = item.getAttribute('src');
  const newSrc = 'http://example.com' + src;
  item.setAttribute('src', newSrc);
})
<div class="view-content">
<img src="/img/img_01.png">
<img src="/img/img_02.png">
<img src="/img/img_03.png">
</div>

推荐阅读