如何从XML提供图像源到<img>？

我正在向下滚动加载中继器。我正在尝试显示发件人的邮件发件人，邮件和图片缩略图的名称。除了图像以外，一切都很好。我将图像的名称/路径看作文本而不是图像本身。如何从XML提供图像源到<img>？

[WebMethod] 
    public static string GetCustomers(int pageIndex, int qstr) 
    { 
     return GetCustomersData(pageIndex,qstr).GetXml(); 
    }

XML

<Customers> 
     <RowNumber>11</RowNumber> 
     <MsgId>12</MsgId> 
     <sentby>Matt</sentby> 
     <sentTo>John</sentTo> 
     <Msg>ok?</Msg> 
     <ImageName>935604602.jpg</ImageName> 
     </Customers>

现在我有这样的代码上ASPX ..

function OnSuccess(response) { 
     var xmlDoc = $.parseXML(response.d); 
     var xml = $(xmlDoc); 
     pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text()); 
     var customers = xml.find("Customers"); 
     customers.each(function() { 
      var customer = $(this); 
      var table = $("#dvCustomers table").eq(0).clone(true); 
      $(".MsgId", table).html(customer.find("MsgId").text()); 
      $(".sentby", table).html(customer.find("sentby").text()); 
      $(".sentTo", table).html(customer.find("sentTo").text()); 
      $(".Msg", table).html(customer.find("Msg").text()); 
      $(".ImageThumb", table).html(customer.find("ImageUrl").text()); 
$("#dvCustomers").append(table).append(""); 
     }); 
     $("#loader").hide(); 
    }

直放站代码

<asp:Repeater ID="rptCustomers" runat="server" > 
     <ItemTemplate> 
      <table cellpadding="0" cellspacing="0" border="0" style="width: 400px; height: 50px; 
      border: dashed 0px #04AFEF; background-color:#F1EEE5"> 
      <tr> 
       <td> 
        <b><u><span class="sentby" style="color:#A52A2A;"><%# Eval("sentby") %></span></u></b> 
       </td> 
      </tr> 
      <tr> 
       <td>      
        <b> <span class="ImageThumb"><img src= "<%# Eval("ImageUrl") %>" alt="Title #0" width="70" height="70" /></a></b></span> 
             <span class="Msg"><%# Eval("Msg")%></span>           
       </td> 
      </tr> 
     </table> 

     </ItemTemplate> 
    </asp:Repeater> 
    </div>

除图像外，一切正常。我在文本中看到图像的名称/路径，而不是图像本身。

来源

2013-06-20 Arbaaz

改变你的jQuery选择之间的不匹配。 –

你可以发布呈现的HTML代码吗？ –

@SandorA抓住我。比我更快:) –

试试这个

$(".ImageThumb > img", table).attr('src', customer.find("ImageUrl").text());

也有可能是你的XML <ImageName>和你的jQuery find("ImageUrl")

来源

2013-06-20 11:51:17 samazi

它不工作，我是否应该改变这个..'“alt =”标题＃0“width =”70“height =”70“/ >' – Arbaaz

是的，你应该从你的XML中使用相同的名字 – samazi

我已经做了除此之外的任何事情吗？因为它没有工作 – Arbaaz

如何从XML提供图像源到<img>？

回答

相关问题