PHP JAVASCRIPT HTML、BROWSEの競技で画像をアップロード

Question

私はこの小さなフォームにフォーム上に小さなアイコンをロードするボタンがあります。 ボタンには「参照」と表示され、「画像をアップロード」というボタンがあります。 イメージをアップロードするために2つのボタンが必要でないことがわかりました。

ブラウズの最後にアップロードを行うにはどうすればよいですか？

ここにコードがあります。

<form class="jQ-form" action="includes/ajaxupload.php" method="post" name="standard_use" id="standard_use" enctype="multipart/form-data"> 
    <fieldset> 
     <button id="image_upload_button" style="float:left;" onclick= "$('#upload_area').css('display','none'); 
     $('#upload_area').fadeIn('slow');ajaxUpload(this.form,'includes/ajaxupload.php?filename=filename&amp;maxSize=200000&amp 
     ... more func data.'); return false;" disabled>upload icon</button> 

     <input type="file" id="upload_file" name="filename" style="float:left;width:70%;" size="42"/> 

     <p style="float:right;color:#a2983c;margin:10px;width:373px;"> 
     Pick a nice icon that is max 300x300 pixels please 
     </p> 

     <?php 
      echo '<div id="upload_area" style="'.((($theiconname!='') && (file_exists($thumb_path.$theiconname))) ? '' : 'display:none;').'float:left; 
      width:50px;height:50px;border:3px solid #000;margin-top:12px;margin-left:3px;">'; 
      if ($theiconname){ 

       if (file_exists($thumb_path.$theiconname)) 
       { 
        echo'<img id="the_logo" src="'.$thumb_path.$theiconname.'"/>'; 
       } 

      } 
     ?> 
     </div> 
    </fieldset> 
</form> 

おかげで、事前に（アップロードボタンは、ちょうど、JS関数はフォーム上でそれを更新トリックを行うPHPファイルを呼び出すJSを活性化させます）！

Answer 1

確かに！ファイル入力フィールドが変更されたときに検出し、親フォームを送信してください。あなたはAJAXを経由して、これを提出し、実際にフォームを送信しようとしていない場合は、どのような機能で$("#standard_use").submit();を交換、なり代わり

$("#upload_file").change(function(){ 
    $("#standard_use").submit(); 
}); 

：私はあなたのjQueryを使っているに気づくので、私はそれを使用して答えを提供します誰かがあなたの「画像をアップロード」ボタンを押すと通常は起動します。