webforms ajaxファイルのアップロード

Question

<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を使っていくつかのテーブル行を追加する - >ファイルをアップロードする=ポストバックのために行が消えてしまうことです。

asp.net webformsのajaxformsのようなプラグインを使用できますか？または、メインページに投稿するiframeを作成できますか？可能であればシンプルなソリューションを探しています。

何か助けてくださいましてありがとうございます。あなたはアヤックス でuploadify（フラッシュアップロードコントロール）としてQjueryのplunginを使用することができますおかげ

Answer 1

私の事はそれは簡単です：

1. ダウンロードプラグインhttp://www.uploadify.com/download/

2. からHTML

   へ

を追加します。

    <div id="fileuploader"> 

1. セット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/