从数据列表在Asp.Net图像控件中显示图片

本文关键字：控件 显示图 图像 Net 数据 列表 Asp | 更新日期: 2023-09-27 18:27:45

我使用的是Asp.Net C#4.0。我有一个显示数据库图片的数据列表。我的问题是，点击后是否可以在asp.net图像控制中显示数据列表中的图片？此操作的目的是在单击时放大图片。我正在使用以下代码。

//Here is my ObjectDataSource
<asp:ObjectDataSource ID="ObjectDataSource2" runat="server" 
    SelectMethod="ShowPicBA" TypeName="BusinessAccess.AD_OperationBA">
    <SelectParameters>
        <asp:QueryStringParameter Name="key" QueryStringField="id" Type="Int64" />
    </SelectParameters>
</asp:ObjectDataSource>

//Here is my DataList
<asp:DataList ID="DataList1" runat="server" DataSourceID="ObjectDataSource2" 
        DataKeyField="Pic_ID">
        <ItemTemplate>
            <asp:ImageButton ID="ImageButton1" runat="server" Height="152px"
                ImageUrl='<%# Eval("Pic_Path") %>' Width="175px"/>
        </ItemTemplate>
    </asp:DataList>
//Here is my Asp.Net Image Control
<asp:Image ID="Image1" runat="server" />

从数据列表在Asp.Net图像控件中显示图片

您可以通过javascript实现这一点。

Add-onClientClick到ImageButton

<asp:ImageButton ID="ImageButton1" runat="server" Height="152px"
 ImageUrl='<%# Eval("Pic_Path") %>' Width="175px" onclientclick="ChangeImage(this);return false;"/>
function ChangeImage(Src) {
    document.getElementById('<%=Image1.ClientID%>').src = Src.src;
    return false;
}
相关文章：