Question

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

现在我想从db：

中检索图像

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

将其重新调整为600 * 400＆amp;显示在页面上的div。

我创建了存储过程＆amp;使用网格视图但无法完成它。

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

dt.Rows[0]["image"]

到div到cs？

先谢谢

更新

仅适用于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

Answer 2

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

至于查看图像，代码看起来很好。显示图像有什么问题。您知道如果您通过ASP.NET输出它，则需要执行

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

在ASP.NET中从DataBase显示Div中的图像

2 个答案: