ASP.Net 파일 업로드가 트리거를 사용하여 업데이트 패널에 다시 게시되도록 함

Question

업데이트 패널을 사용하여 프로필 사진을 업로드하는 파일 업로드 컨트롤이 있습니다. 업데이트 패널에서 AsyncPostBackTrigger를 사용했지만 여전히 페이지가 전체 포스트 백을 야기하고 있습니다.

다음은 내 코드 인라인입니다. 사람이

<asp:UpdatePanel ID="pnlZerkerBasicProfile" runat="server"> 
<input type="file" id="myFile" name="myFile" class="file_input_hidden" onchange="javascript:FileUploadSubmit();" style="cursor: pointer;" /> 
<Triggers> 
     <asp:AsyncPostBackTrigger ControlID="btnSaveProfilePicture" /> 
</Triggers> 

을 도와 드릴까요?

Answer 1

업데이트 패널을 통해 비동기 포스트 백이 발생하면 Request.Form.AllKeys에서 파일 업로드를 사용할 수 없으므로 트리거를 포스트 백 트리거로 변경하십시오. 이 참조 :

http://www.codeproject.com/Articles/16945/Simple-AJAX-File-Upload

Answer 2

이

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" /> 
    <div> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional"> 
      <Triggers> 
       <asp:PostBackTrigger ControlID="Button1" /> 
      </Triggers> 
      <ContentTemplate> 
       <asp:FileUpload ID="FileUpload1" runat="server" /> 
       <asp:Button ID="Button1" runat="server"Text="Upload" OnClick="Button1_Click" /> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 

Answer 3

이 코드가 작동해야 작동합니다. 다시 게시가 발생하지 않습니다.

<asp:UpdatePanel ID="pnlZerkerBasicProfile" runat="server"> 
    <ContentTemplate> 
     <input type="file" id="myFile" name="myFile" class="file_input_hidden" 
      onchange="javascript:FileUploadSubmit();" style="cursor: pointer;" /> 
     <asp:Button ID="btnSaveProfilePicture" runat="server"Text="Upload" 
      OnClick="btnSaveProfilePicture_Click" /> 
    </ContentTemplate> 
    <Triggers> 
     <asp:PostBackTrigger ControlID="btnSaveProfilePicture" /> 
    </Triggers> 
</asp:UpdatePanel>