Bonjour à tous,
Il y a des sujets pour lesquels je sais que je vais vraiment galérer et je sens que celui-ci en sera un.
En fait, j'ai un formulaire qui permet d'uploader des fichiers. C'est un formulaire Html avec un script PHP derrière, qui upload mes fichiers. Maintenant ce que j'aimerai, en jQuery, c'est que le fichier soit transféré automatiquement, sans forcément valider le formulaire, dès lors qu'un fichier est sélectionné.
Voici l'extrait Html :
Vous l'aurez compris, lorsque l'utilisateur clique sur "Transférer ce document", ça valide le formulaire afin d'uploader le fichier. En Html/PHP ça fonctionne bien.
Je suis parvenu sans grande difficulté à déceler un clique sur ce bouton en jQuery :
La page Ajax nommée "financesUpload.php" est également prête pour tester l'envoi ; le seul élément qui me manque c'est en fait de ... simuler une validation lors du clique. Car à présent, impossible de récupérer le fichier uploadé par la page ajax.
Savez-vous comment faire ?
Merci d'avance
Modifié par Gaylord.P (01 Apr 2012 - 17:38)
Il y a des sujets pour lesquels je sais que je vais vraiment galérer et je sens que celui-ci en sera un.

En fait, j'ai un formulaire qui permet d'uploader des fichiers. C'est un formulaire Html avec un script PHP derrière, qui upload mes fichiers. Maintenant ce que j'aimerai, en jQuery, c'est que le fichier soit transféré automatiquement, sans forcément valider le formulaire, dès lors qu'un fichier est sélectionné.
Voici l'extrait Html :
<p class="background_ececec"><label for="transaction_file">Ajouter un nouveau document :</label> <input type="file" name="transaction_file" id="transaction_file" /> <input type="submit" name="file_submit" value="Transferer ce document" class="input_submit" id="file_submit" /></p>
Vous l'aurez compris, lorsque l'utilisateur clique sur "Transférer ce document", ça valide le formulaire afin d'uploader le fichier. En Html/PHP ça fonctionne bien.
Je suis parvenu sans grande difficulté à déceler un clique sur ce bouton en jQuery :
$('#formFinances #file_submit').click(function() {
alert('ok');
$.ajax({
contentType: 'application/x-www-form-urlencoded',
dataType: 'html',
url: 'core/ajax/financesUpload.php',
type: 'POST',
error: function() {
alert('erreur');
},
success: function(content) {
alert(content);
}
});
return false;
});
La page Ajax nommée "financesUpload.php" est également prête pour tester l'envoi ; le seul élément qui me manque c'est en fait de ... simuler une validation lors du clique. Car à présent, impossible de récupérer le fichier uploadé par la page ajax.
Savez-vous comment faire ?
Merci d'avance

Modifié par Gaylord.P (01 Apr 2012 - 17:38)