jQuery sérialiser la méthode ne fonctionnera pas avec le fichier de type d'entrée

Question

J'ai trouvé ce plugin: http://jquery.malsup.com, ça marche super mais je voudrais le faire sans plugin. Est-ce que quelqu'un peut m'aider?

Answer 1

Vous ne pouvez pas sérialiser un téléchargement de fichier. Le Javascript n'a pas accès aux données de fichier qui seraient téléchargées.

La seule façon de procéder au téléchargement (sans utiliser d'applet/de composant) est de poster le formulaire où se trouve l'entrée du fichier.

Answer 2

Oui, vous pouvez @Guffa; J'ai fait.

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="http://{url}/js/ajaxfileupload.js"></script> 
<script src="http://{url}/js/jquery.form.js"></script> 

<script> 
(function() { 

var bar = $('.bar'); 
var percent = $('.percent'); 
var status = $('#status'); 

$('#txtrform').ajaxForm({ 
    beforeSend: function() { 
     status.empty(); 
     var percentVal = '0%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
    }, 
    uploadProgress: function(event, position, total, percentComplete) { 
     var percentVal = percentComplete + '%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
    }, 
    success: function() { 
     var percentVal = '100%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
    }, 
    complete: function(xhr) { 
     status.html(xhr.responseText); 
    } 
}); 

})();  
</script> 
<script> 
$(document).ready(function(){ 

    $("#txtrform").submit(function(){ 

     $.post($(this).attr('action'), $(this).serialize(), function(data) { 
      $("#col3").load("/include/txtrpbox/feed.php"); 
      $('input#txtrinput').val(''); 
     }); 

     return false; 
    }); 

}); 
</script>