前置img src網址

Question

我正在使用html 5 phonegap創建一個應用程序，並且該應用程序的一部分正在繪制rss提要。我遇到的一個問題是提要中包含圖像，並且圖像的url設置為從中提取供稿所在的服務器。 例如，整個img代碼為：

<img src="/files/2012/01/brazilsal.jpg" />

現在，由於這些圖像不是本機圖像，因此無法在該應用程序上運行。

所以我需要在src之前添加

<img src="http://management.bu.edu/files/2012/01/brazilsal.jpg" />.

我還需要它不影響應用程序上的任何其他圖像。

關於如何在javascript或jquery中執行此操作的任何想法？

Answer 1

您需要js-uri 。

簡單的例子：

var rssUri = new URI("http://management.bu.edu/data.rss");
var imgUri = new URI("/files/2012/01/brazilsal.jpg");
var fullImgUri = imgUri.resolve(rssUri);
alert(fullImgUri);   // http://management.bu.edu/files/2012/01/brazilsal.jpg

Answer 2

使用屬性以選擇器[attr^=value]開頭的圖像進行選擇，然后使用$.fn.attr設置其src值。

$('img[src^="/files"]').attr(function(i,src){
  return "http://management.bu.edu" + src;
});