更新面板與文件上傳控件與圖像

我想讓我的應用程序，當我從下拉列表中選擇項目，並上傳圖像，它不刷新整個頁面，只刷新更新的部分。下面顯示的代碼適用於下拉列表，但不適用於上傳按鈕。當我上傳圖片時，頁面保持刷新。是否幫助我看看我錯了什麼或忘記添加什麼。謝謝！更新面板與文件上傳控件與圖像

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 

<asp:DropDownList ID="ddlPoliceID" runat="server" 
      AutoPostBack="True" AppendDataBoundItems="true" OnSelectedIndexChanged="ddlPoliceID_SelectedIndexChanged"> 
      <asp:ListItem Value="-1">--Select--</asp:ListItem> 
      </asp:DropDownList> 

<asp:Label ID="Label10" runat="server" Text="Rank:"></asp:Label> 
      <br /> 
      <asp:Image ID="Image2" runat="server" /> 
      <br /> 
      <asp:FileUpload ID="FileUpload1" runat="server" /> 
      <br /> 
      <asp:Button ID="btnUpload1" runat="server" Text="Upload" OnClick="btnUpload1_Click" /> 
      <br /> 
      <asp:Label ID="lblUpload1" runat="server" Text=""></asp:Label> 
      <br /> 

</ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="ddlPoliceID" EventName="SelectedIndexChanged" /> 
     <asp:PostBackTrigger ControlID="btnUpload1" /> 
    </Triggers> 
    </asp:UpdatePanel>

來源

2013-07-17 XiAnG

嗯是不是因爲你的按鈕btnUpload1是PostBackTrigger而不是AsyncPostBackTrigger？我相信這是代碼應該看起來像 –

我曾嘗試過，AsyncPostBackTrigger不適用於Fileupload控件。 – XiAnG

你可以添加代碼在btnUpload1控件後面上傳嗎？ –

這裏的代碼工作位是粗體的是你想要的。

- 選擇 - --Foo-- --Bar-- --Goo--

<asp:Label ID="Label10" runat="server" Text="Rank:"></asp:Label> 
    <br /> 
    <asp:Image ID="Image2" runat="server" /> 
    <br /> 
    <asp:FileUpload ID="FileUpload1" runat="server" /> 
    <br /> 
    <asp:Button ID="btnUpload1" runat="server" Text="Upload" OnClick="btnUpload1_Click" /> 
    <br /> 
    <asp:Label ID="lblUpload1" runat="server" Text=""></asp:Label> 
    <br /> 
</ContentTemplate> 
<Triggers> 
    <asp:AsyncPostBackTrigger ControlID="ddlPoliceID" EventName="SelectedIndexChanged" /> 
    **<asp:AsyncPostBackTrigger ControlID="btnUpload1" EventName="Click" />** 
</Triggers> 
</asp:UpdatePanel>

來源

2013-07-17 06:49:12

更新面板與文件上傳控件與圖像

回答

相關問題