將基礎url添加到元素中的所有圖像

Question

我正在使用名爲NicEdit的JavaScript編輯器，它沒有提供更改或引用基礎URL的選項。我想知道這是否可以在jQuery或JavaScript中完成？

DIV元素中所有圖像的圖像src是相同的，除了實際的圖像完全存儲在不同的域和目錄下。

我喜歡src以保持/image.jpg，但是請將所有圖像引用到完全限定的URL中，例如僅在該DIV內的http://www.domain.com/image.jpg。

這可能嗎？

Answer 1

我想這會工作：

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

Answer 2

不是太困難與jQuery，但這樣的事情，你應該考慮做服務器端，這樣，當JS是關閉您的聯繫並不都休息。

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

Answer 3

這使得外部圖像存在並不會受到影響（而不是很深，雖然檢查）

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