预先添加img src url

Question

我正在使用html 5 phonegap创建一个应用程序，并且应用程序的一部分正在绘制一个RSS源。我遇到的一个问题是源中有图像并且图像的URL设置为从Feed所在的服务器上绘制。例如，整个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;
});