[javascript] Uploader un fichier en javascript

Marsh Posté le 26-05-2006 à 18:39:15

Salut !

J'essaie de faire evoluer un site perso.
Pour ce faire, je tente de lui appliquer AJAX.
Bon, rien de bien revolutionnaire, mais je bute sur un probleme.
J'ai des formulaires pour uploader des fichiers
et je n'arrive pas à m'en sortir avce le javascript.
Si vous avez une idee, n'hesitez pas.

Voici le script Javascript qui me permet de faire de l'AJAX:

Code :

</script>
function submitPost2Form(ID, LINK, DATA)
{
var http = null;
if(window.XMLHttpRequest)
http = new XMLHttpRequest();
else if (window.ActiveXObject)
http = new ActiveXObject(Microsoft.XMLHTTP);
http.onreadystatechange = function()
{
if(http.readyState == 4)
{
if(http.status == 200)
{
document.getElementById(ID).innerHTML = http.responseText;
document.getElementById("erreur" ).innerHTML = "";
}
else if(http.status == 304)/* "No changes" */
{
/* Pas d'alerte sur cette erreur frequente */
}
else
{
document.getElementById("erreur" ).innerHTML = "Error: returned status code " + http.status + " (" + http.statusText + " )";
//alert("Error: returned status code " + http.status + " " + http.statusText);
}
}
};
document.getElementById("debug" ).innerHTML = "<br/>ID = " + ID
+ "<br/>LINK = " + LINK
+ "<br/>DATA = " + DATA + "<br/>";
http.open( "POST", LINK, true);
// http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded" );
http.setRequestHeader("Content-Type", "multipart/form-data" );
http.send(DATA);
}
</script>

Voici le code HTML qui ne fonctionne pas: :'(

Code :

<form name=form2 method=post action="javascript:submitPost2Form('page_principale', 'test_formulaire_mixte.php', 'commentaire=' + document.form2.commentaire.value + '&MAX_FILE_SIZE=' + document.form2.MAX_FILE_SIZE.value + '&fichier=' + document.form2.fichier.value )">
<textarea name="commentaire" rows="8" cols="25" maxlength="200">Commentez la partie (200 caracteres max.).</textarea>
Fichier replay (300ko max) : <input type="hidden" name="MAX_FILE_SIZE" value="5000000"><input type="file" name="fichier" size="40"><br/>
<br><input type="submit" value="déposer le replay">
</form>

Merci d'avance.

Message édité par leguims le 26-05-2006 à 22:17:26

Reply

Marsh Posté le 26-05-2006 à 18:39:15

Reply

Marsh Posté le 01-06-2006 à 23:16:30

Moi qui croyais que ce forum etait fréquenté par des caïds ... me voila bien decu. Merci tout de meme aux 33 personnes qui sont venu lire ma question.

++G.

Reply

Marsh Posté le 01-06-2006 à 23:35:38

Ba c'est sur que si tu réagi comme ca, on a pas envie de t'aider!

De plus, tu nous dit que tu n'arrive pas a t'en sortir, mais tu nous dit pas l'erreur!!! On n'est pas des dieu, n'y des caïds, seulement des être humains qui répondent quand il on réponse à la question et qu'il on le temps....

Reply

Marsh Posté le 02-06-2006 à 00:34:36

C'est la deception qui me fait reagir comme ca. En fait, quand je clique sur le bouton (submit), il ne se passe rien.

En effet, le probleme posé n'est pas trivial pour moi, mais je me disais que c'etait un classique pour les gros utilisateurs.

C'est marrant d'avoir une reaction quand on fait de la provoc. Merci de ton attention.

++G.

Reply

Marsh Posté le 02-06-2006 à 00:54:27

J'suis pas un spécialiste de l'AJAX, mais ds le peu que j'ai fait; ma fonction équivalent a submitPost2Form ne prend que 2 arguments chez moi (la page appelé et l'id du conteneur qui recoit la réponse).

Sinon, regarde les erreurs javascript y'en a surement (en bas a gauche pour IE, ds outil / console javascript pr FF).
Ds la mesure du possible utilise celle de FF qui ets plus précise.

Reply

Marsh Posté le 02-06-2006 à 01:00:19

MErci pour le tuyeau de IE et FF. J'utilise Opera, alors peut-etre qu'il n'est pas bavard. A voir.

Sinon, j'ai 3 argument car j'utilise la methode POST pour envoyer les donnees. Je dois donc separer l'URL des arguments. LEs donnees sont envoyees dans le corps de la requete HTTP. Enfin, c'est ce que je crois.

Enfin, je vais voir si FF ou IE sont plus bavard, ca fera avancer le schmilblock.

Merci encore.

Reply

Marsh Posté le 02-06-2006 à 02:37:34

J'ai quand même un doute sur le fait qu'un appel à du js dans le action du formulaire fonctionne...
J'aurais plutôt choisi le bouton avec un onclick="[js]".
non?

Reply

Marsh Posté le 02-06-2006 à 07:48:44

exact, c pas ds action qui fo le metre!

ds onSubmit!

Reply

Marsh Posté le 02-06-2006 à 09:15:45

tu peux pas "envoyer" un fichier via xmlHttpRequest, tu es obligé de te servir d'un vrai formulaire 'post'é ou 'get'é.
Maintenant tu peux faire autrement et obtenir en gros le même effet

Note:dans ta balise form il manque le enctype="multipart/form-data"

Message cité 1 fois

Reply

Marsh Posté le 03-06-2006 à 12:13:44

anapajari a écrit :

tu peux pas "envoyer" un fichier via xmlHttpRequest, tu es obligé de te servir d'un vrai formulaire 'post'é ou 'get'é.
Maintenant tu peux faire autrement et obtenir en gros le même effet

Note:dans ta balise form il manque le enctype="multipart/form-data"

J'aimerai bien savoir faire autrement si c'est pas trop compliqué.

La caracteristique enctype="multipart/form-data", je l'avais mise dans la commande "submitPost2Form", à la fin : (http.setRequestHeader("Content-Type", "multipart/form-data" );

Merci de votre aide.

Reply

[javascript] Uploader un fichier en javascript

Sujets relatifs:

Leave a Replay