c# - 动态获取照片？

Question

我正在尝试在 ASP.NET (C#) 中集成 JavaScript 相册。我的代码使用硬编码图像；我想动态获取这些图像。

 <div class="image_stack" style="margin-left:300px">
   <img id="photo1" class="stackphotos" src="photos/4.jpg"  >
   <img  id="photo2" class="stackphotos" src="photos/5.jpg" >
   <img  id="photo3" class="stackphotos"  src="photos/6.jpg" > 
 </div>

我想用从数据库中获取的 3 个 URL 替换这些硬编码的照片。我怎样才能做到这一点？

Answer 1

一个简单的方法:

使用ASP:图像控件

 <asp:Image ID="photo1" class="stackphotos" runat="server" ImageUrl=" " />  
 <asp:Image ID="photo2" class="stackphotos" runat="server" ImageUrl=" " />  
 <asp:Image ID="photo3" class="stackphotos" runat="server" ImageUrl=" " />  

然后您可以在服务器端分配 ImageUrl，即

var obj= GetUserImages(); //method fetching image urls from db.
photo1.ImageUrl = obj.ImageUrl1;
photo2.ImageUrl = obj.ImageUrl2;
photo3.ImageUrl = obj.ImageUrl3;

2。您可以简单地将 runat="server" 属性放在现有的 img 标签上，并在服务器端访问它们并设置它们的 url。即在您的 img 上放置 runat="server"，如下所示

<img id="photo1" runat="server" class="stackphotos" src="photos/4.jpg"  >

然后像这样在服务器端访问它

photo1.Src = dbObject.Url;

3。您可以在循环中从服务器端动态插入 img。

string imgs = string.Empty;
foreach(var item in GetAllUserImages())
{
     images +="<img src='"+ item.ImageUrl +"' class='stackphotos' />";
}
div1.InnerHtml= images;

div在哪里

<div id="div1" runat="server">
</div>

4。您可以调用 webmethod(.aspx.cs 页面上的方法，标有属性 [WebMethod] 并通过 ajax 调用它并在 javascript 函数中更新您的 img 标签.