HTML and CSS Reference
In-Depth Information
Figure 9-10.
Reading files using the File API
The web form is divided into two parts. The top part allows you select image files using all three
techniques. Then, the details of the selected files, such as file name, size, and MIME type, are displayed in a
table at the bottom. Hovering on the Show link provided in each row of the table shows that image to the
right of the table. The markup for the web form is shown in Listing 9-17.
Listing 9-17.
Markup for a Web Form That Shows Image Previews
<form id="form1" runat="server">
<div>
<table>
<tr>
<th>
<asp:Label ID="Label1" runat="server" Text="1. File Field"
CssClass="message">
</asp:Label>
</th>
<th>
<asp:Label ID="Label2" runat="server" Text="2. Custom Button"
CssClass="message">
</asp:Label>
</th>
<th>
