在 ASP.NET 中的数据库中的 Div 中显示图像

Question

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

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

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

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

我已创建存储过程并使用网格视图但无法完成。

我也可以不使用网格视图，我的意思是如何设置数据表图像

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

调整图像大小可以轻松完成。这是一个例子：http://snippets.dzone.com/posts/show/4336

至于查看图像，代码对我来说看起来不错。显示图像有什么问题。你知道，如果你通过 ASP.NET 输出它，你需要这样做

<img src='<%# string.Format("/ClientImages/{0}", Eval("image")) %>' alt='' />

Answer 2

您可以为<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