[javascript] Uploader un fichier en javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [javascript] Uploader un fichier en javascript

leguims

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

Publicité

leguims

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.

energiez

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

leguims

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.

energiez

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.

leguims

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.

dwogsi

Défaillance cérébrale...

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?

energiez

exact, c pas ds action qui fo le metre!

ds onSubmit!

anapajari

s/travail/glanding on hfr/gs;

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

leguims

anapajari a écrit :

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.

FORUM HardWare.fr

Programmation

HTML/CSS

[javascript] Uploader un fichier en javascript

Sujets relatifs
Lancer execution fichier	[DOM/JAVASCRIPT] Inserer un DIV au debut d'un DIV parent.
Comment connaitre le nombre de char dans une fichier texte.txt	supprimer premier et dernier caractère d'un fichier
inserer un fichier txt	Envoyer les données d'une boitre de sélection dans un JavaScript ?
VB6 Creer un fichier TXT sur le disque dur	[C] Copier un fichier octet par octet dans un tableau
Automatiser la copie d'un fichier vers un autre fichier	Quel type de Fichier pour fichier avec clé(index)
Plus de sujets relatifs à : [javascript] Uploader un fichier en javascript

Page générée en 0.054 secondes