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

本文关键字：显示 显示图 图像 Div NET 数据库 ASP | 更新日期: 2023-09-27 18:18:15

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

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

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

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

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

我也可以在没有网格视图的情况下做到这一点，我的意思是如何设置数据表图像

dt.Rows[0]["image"]

通过 CS div

？

提前致谢

更新

仅适用于 nOObs :p这是一种非常基本的方法，你也可以从CS文件填充数据网格，但我选择了脏的方法即。SqlAdaperSource采用网格视图选择-数据源(即：-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>

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

您可以约束和解析<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>

如果要动态调整图像大小，可以使用此问题中的代码：

在列表视图控件上动态创建固定大小的缩略图

可以轻松调整图像大小。下面是一个示例：http://snippets.dzone.com/posts/show/4336

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

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