将基本URL添加到元素中的所有图像

Question

我正在使用一个名为NicEdit的JavaScript编辑器，它没有提供更改或引用基本URL的选项。我想知道这是否可以在jQuery或JavaScript中完成？

DIV元素中所有图像的图像src是相同的，<IMG border=0 src="/image.jpg">除了实际图像完全存储在不同的域和目录下。

我希望src保持/image.jpg，但只能将所有图片引用到该DIV中的http://www.domain.com/image.jpg等完全限定的网址中。

这可能吗？

Answer 1

使用jQuery并不是太难，但是你应该考虑做服务器端的事情，以便在关闭JS时你的链接不会全部中断。

$("#div img").each(function (i, e) {
  $(e).attr("src", "http://www.domain.com/" + $(e).attr("src"));
});

Answer 2

我想这会奏效：

   $('#divid img').each(function() {
       var newsrc = 'http://www.domain.com' + $(this).attr('src');
       $(this).attr('src', newsrc)
    })

Answer 3

这允许外部图像存在而不受影响（虽然不是很深入的检查）

$( 'img' ).not( '[src*="://"]' ).each( function( )
{
    $( this ).attr( 'src', 'http://whatevs.com' + $( this ).attr( 'src' ) ); }
} );