PHP JAVASCRIPT HTML, télécharger l'image lors de la compétition BROWSE

Question

J'ai cette petite forme qui a un bouton chargeant une petite icône sur le formulaire lui-même. Le bouton dit «parcourir», et il y a un autre bouton dit «télécharger l'image». Je trouve un peu inutile d'avoir deux boutons pour télécharger l'image. Comment puis-je effectuer le téléchargement à la fin de Browse?

voici le code d'ailleurs. (Le bouton de téléchargement suffit d'activer les js qui appelle un fichier php qui fait le tour, la fonction js il met à jour sur le formulaire)

<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> 

Merci à l'avance!

Answer 1

Bien sûr! Juste détecter quand le champ de saisie de fichier a été changé, puis soumettre le formulaire parent. Je remarque que vous utilisez jQuery donc je vais donner une réponse à l'aide que:

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

Sinon, si vous soumettez cette via AJAX et pas vraiment l'intention de soumettre le formulaire, puis remplacer $("#standard_use").submit(); avec quelque fonction serait normalement le feu quand quelqu'un a appuyé sur votre bouton "télécharger l'image".