实时上传图片

页面放一个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 " οnchange= " 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 控件添加οnchange="javascript:__doPostBack('lnkUpload','')"来触发LinkButton 控件的事件，

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

转载于:https://www.cnblogs.com/mingshu/archive/2012/09/03/2668217.html