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