c# - 在 ASP.NET 中从数据库中的 Div 中显示图像

Question

在这种情况下 - 我将图像名称(例如:- abc.jpg)保存在数据库中，而实际图像位于文件系统 (~/ClientImages/) 的文件夹中。

现在我想从数据库中检索图像:

ImageUrl = <%# string.Format("~/ClientImages/{0}", Eval("image")) %>

将其调整为 600*400 并显示在页面的 div 中。

我已经创建了存储过程并使用 GridView 但无法完成它。

没有Grid View我也能做到吗，我的意思是如何设置数据表图像

dt.Rows[0]["image"]

通过 cs 到 div ？

提前致谢

更新

仅适用于 nOObs :p 这是一个非常基本的方法，您也可以从 CS 文件填充数据网格，但我选择了肮脏的方法 ie.SqlAdaperSource 使用 Gridview 选择 - DataSource(即:- SqlDataAddapter，通过向导)。

    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataKeyNames="id" DataSourceID="SqlDataSource1">
    <Columns>          
   <asp:TemplateField>
  <ItemTemplate>
  <asp:Image ID="img12" runat="server" Width="600px" Height="400" ImageUrl='<%# Page.ResolveUrl(string.Format("~/ClientImages/{0}", Eval("image"))) %>' />

  </ItemTemplate>
  </asp:TemplateField>

    </Columns>

</asp:GridView>


## SqlDataSource ##
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:XXXXConnectionStringName %>" 
    SelectCommand="Stored_Procedure_Name" SelectCommandType="StoredProcedure">
</asp:SqlDataSource>

Answer 1

您可以约束和解析 <img> 的图像或 <asp:image> :

<div>
   <img id="img1" runat="server" width='600' height='400' 
        src='<%# Page.ResolveUrl(string.Format("~/ClientImages/{0}", Eval("image"))) %>' />
</div>

<div>
   <asp:image id="img1" runat="server" Width='600' Height='400'  
        ImageUrl='<%# Page.ResolveUrl(string.Format("~/ClientImages/{0}", Eval("image"))) %>' />
</div>

如果你想动态调整图像大小，你可以使用这个问题中的代码:

create fixed size thumbnail dynamically on listview control