PhoneGap显示使用$ .get下载的图像

Question

我正在尝试将从URL下载的HTML代码注入我的页面 这里是JQuery代码

$('#messageScreen').live('pageshow',  function() {  
    $('#messageContent').empty();  
    var url = testServerDirAdrs + 'message?message_id=' + selectedMessageId;  
    $.get(url,  
    function(data){  
            $('#messageContent').append(data).trigger('create');  
            },'html');  
});  

它工作正常，但是当下载的html包含图像时，它们不会显示。 从URL下载的图像标记是：

<img src="/images/logos/muni_1_small.png" />

我猜问题就在路径上。

知道如何解决这个问题？

谢谢，Costa。

Answer 1

您可以在下面找到2种可能的解决方案：

  

  
1. 图片可以从网页下载，因此src可能类似于src =“http://www.example.com/example/myexampleimg.png”
  
2. 图片存在本地，img标签的src必须具有相对路径。例如，如果将附加img标记的html文件与images文件夹位于同一路径中，则路径将为./images/myexampleimg.png。如果你的图像路径是一个文件夹之前的路径将是../images/myexampleimg.png等
  

我希望这会有所帮助。