实时上传图片

页面放一个FileUpload控件，选择完文件后实现自动上传。

 

 1         <asp:UpdatePanel ID="UpdatePanel1" runat="server">
 2             <Triggers>
 3                 <asp:PostBackTrigger ControlID="lnkUpload" />
 4             </Triggers>
 5             <ContentTemplate>
 6                 <table>
 7                     <tr>
 8                         <td width="100px">
 9                             商品图片：
10                         </td>
11                         <td width="430px" align="left">
12                             <asp:Image runat="server" ID="imgPro" Width="300px" Height="300px" EnableViewState="false" /><font
13                                 color="red">*</font>
14                         </td>
15                         <td>
16                         </td>
17                     </tr>
18                     <tr>
19                         <td width="100px">
20                             上传图片：
21                         </td>
22                         <td width="330px" align="left">
23                             <asp:FileUpload ID="fileImg" Width="306px" runat="server" onchange="javascript:__doPostBack('lnkUpload','')" /><font
24                                 color="red">*</font>
25                             <asp:LinkButton runat="server" ID="lnkUpload" OnClick="lnkUpload_Click"></asp:LinkButton>
26                         </td>
27                         <td>
28                         </td>
29                     </tr>
30                 </table>
31             </ContentTemplate>
32         </asp:UpdatePanel>

在后台.cs文件的lnkUpload_Click事件中写上传图片的方法，此处不赘述。

有两个知识点需要提一下，

一个是要为UpdatePanel控件定义回发控件，就是<Triggers><asp:PostBackTrigger ControlID="lnkUpload" /></Triggers>这段代码。

二是通过为FileUpload 控件添加onchange="javascript:__doPostBack('lnkUpload','')"来触发LinkButton 控件的事件，

__doPostBack(eventTarget,eventArgument),eventTarget:是要触发的服务器控件的客户端ID,eventArgument：是参数 。