<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductImageDisplay.aspx.cs" Inherits="Database.ProductImageDisplay" %>

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title>Product Viewer</title>

</head>

<body bgcolor="#9999ff">

    <form id="form1" runat="server">

        <asp:DropDownList ID="ddlDepartments" runat="server" AutoPostBack="True"

            style="z-index: 1; left: 37px; top: 106px; position: absolute" OnSelectedIndexChanged="ddlDepartments_SelectedIndexChanged">

        </asp:DropDownList>

       

        <asp:GridView ID="gvProducts" runat="server" AutoGenerateColumns="False"

            style="z-index: 1; left: 37px; top: 143px; position: absolute; height: 528px; width: 390px">

            <Columns>

                <asp:BoundField DataField="Description" HeaderText="Description">

                    <HeaderStyle HorizontalAlign="Left" />

                </asp:BoundField>               

                <asp:TemplateField HeaderText="Product Photo">

                    <ItemTemplate>

                        <asp:Image ID="imgProduct" runat="server" Height="100px" Width="100px" />

                    </ItemTemplate>

                </asp:TemplateField>

            </Columns>

        </asp:GridView>

       

        <asp:Label ID="Label1" runat="server" Font-Size="X-Large"

            style="z-index: 1; left: 38px; top: 27px; position: absolute; width: 971px; height: 56px"

            Text="The page demonstrates the use of reading binary data from the database (image file) and displaying it dynamically by converting a byte[] array to a base64 string that will be rendered by the browser."></asp:Label>

    </form>

</body>

</html>