php - ページを更新せずに画像ファイルを含むフォームをアップロードする

Question

フォームを処理してデータをデータベースに追加する php スクリプトにフォームを投稿し、アップロードしたばかりのフォームを jquery のイベント ハンドラに送り返したいと考えています。フォームには画像ファイルが含まれています。私の問題は、php スクリプトからイベント ハンドラへの応答が得られないことです。

      $('#Form').on('submit',function(e){
            e.preventDefault();           
        $("#output").html('loading...');
        $("#Form").ajaxForm({
            target: '#output'
            };

        });
 <form action="post.php" method="post" enctype="multipart/form-data" id="Form">
        <textarea class="post" name="text" style="height:10; font-size:16px;">    </textarea>

        <input type="file" name="pic"  class="post_image"/>   
         <input type="submit" name="subp" id="postButton" value="post" class="post_button" />    
        </form> 

        <div id="output"></div>


          //post.php

    <?php
echo "hi";
    ?>

問題は、#output div が常に「loading...」を表示している代わりに、php スクリプトによって返された「hi」を表示する必要があることです。

Answer 1

**you should fadeout div output when success your ajaxFrom**
$("#Form").ajaxForm(
{
  target: '#output',
  success: function() 
  { 
      $("#output").fadeOut(2000);
  } 
};