webforms ajax 파일 업로드

<form id="Form1" method="post" runat="server"> 
     <uc1:PageHeaderDisplay id="pageHeaderDisplay1" runat="server"></uc1:PageHeaderDisplay> 
     <asp:HiddenField runat="server" ID="postedFormData" /> 

     <div style="display: none;" class="uploadxmlcontainer"> 
      Upload XML: <asp:FileUpload runat="server" ID="fileUpload" onChange="$('.uploadFile').click();" /><asp:Button runat="server" CssClass="uploadFile" Text="Upload" OnClick="UploadFile" style="display: none;" /> 
     </div>

원본 asp.net webforms 양식 내에 fileupload 컨트롤이 있습니다. 비 포스트 백 솔루션을 구현하는 가장 쉬운 방법은 무엇입니까? 내 문제는 예를 들어, 사용자가 jquery를 사용하여 테이블 행을 추가 할 때 -> 파일을 업로드 할 때 = 포스트 백 때문에 행이 사라지는 경우입니다.webforms ajax 파일 업로드

asp.net webforms 용 ajaxforms와 같은 플러그인을 사용할 수 있습니까? 또는 메인 페이지에 게시하는 iframe을 만들 수 있습니까? 간단한 해결책을 찾고있는 Im, 가능하면 :-)

어떤 도움을 많이 받으실 수 있습니다! uploadify (플래시 업로드 컨트롤)가 아약스 으로 그것은 간단하다으로 plungin 감사

출처

2012-02-26 Johan

나는 것은 당신이 Qjuery를 사용할 수 있습니다

플러그인 다운로드
http://www.uploadify.com/download/에서하는 HTML에 추가



    <div id="fileuploader">

설정 JQuery와



    <script type="text/javascript"> 
     $(window).load(
     function() { 
      $("#fileuploader").fileUpload({ 
       'uploader': '/Scripts/uploader.swf', 
       'cancelImg': '/Images/cancel.png', 
       'buttonText': 'Upload Image', 
       'script': 'Upload', 
       'folder': '/uploads', 
       'fileDesc': 'Image Files', 
       'fileExt': '@imageType', 
       'multi': false, 
       'auto': true, 
       'sizeLimit' : 204800 
      }); 
     } 
    ); 
    </script>

자세한 내용 : http://www.uploadify.com/documentation/

출처

2012-02-26 14:45:09 Zoli

webforms ajax 파일 업로드

답변

관련 문제