prepend img src url

Question

私はhtml 5 phonegapを使用してアプリケーションを作成しています。アプリケーションの一部がrssフィードを描画しています。私が遭遇した問題の1つは、フィードに画像があり、画像は、フィードが配置されているサーバーから描画されるように設定されています。たとえば、imgコード全体は

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

です。これらの画像はネイティブではないため、アプリでは機能しません。

はので、私はまた、それはアプリ上の任意の他の画像には影響を与えないようにする必要があります

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

するSRCを付加する必要があります。

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; 
});