Java

Upload AJAX + JSP avec iframe et apache.commons.fileupload

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Upload AJAX + JSP avec iframe et apache.commons.fileupload

atomheartdude

I've always been mad, I know I

Bonsoir à tous,

Comme indiqué dans le sujet, je cherche à uploader un fichier client par Ajax avec l'API d'Apache.
Je débute à peine avec Ajax, mais ai lu sur différents sites que normalement Ajax ne permet pas l'envoi de fichier.
J'ai lu toutefois qu'il était possible de feinter en utilisant une iframe ( ça m'échappe pour le moment ).
J'essaie donc cette technique, mais sans résultat pour le moment

Voici donc mon code actuel :
- côte HTML :

Code :

<FORM method="POST" name="ATTACHFORM" enctype="multipart/form-data; boundary=--_01C922E9.D3E367F0" target="myFrame" >
<div id="NEW_FIC" style="display:'<%=displayNewFic%>';">
<input size="1" id="newpj" name="newpj" onchange="submitDoc();" type="file"/>
</div>
</FORM>
<iframe id="myFrame" name="myFrame"></iframe>

- côté js :

Code :

function submitDoc()
{
http.open("POST", url , true);
http.onreadystatechange = handleHttpResponse;
http.setRequestHeader("Content-Type", "multipart/form-data; boundary=--_01C922E9.D3E367F0" );
data = "noAD=test";
http.send(data);
}

- côté JSP :

Code :

boolean isMultipart = ServletFileUpload.isMultipartContent(request);
FileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
List items = upload.parseRequest(request);
Iterator iter = items.iterator();
while (iter.hasNext()) {
FileItem item = (FileItem) iter.next();
if (item.isFormField()) {
... } else {
File uploadedFile = new File(...);
}
}

Mon problème est donc que items est toujours de taille = 0.
Je ne sais pas si cela vient du boundary que je ne précise pas dans la récupération ( si oui comment faire ? ) ou alors si il y a qqchose à faire avec l'iframe en javascript...
Merci à l'avance pour toute aide, je sèche complètement et ne veux me résilier à faire des allers-retours serveur...

---------------
The only survivor of the national peoples gang

Publicité

cbeyls

Hail to the King, Baby

Pas la peine de te casser la tête à simuler l'envoi d'un formulaire multipart/form-data en Ajax: tu l'as dit toi-même, XMLHttpRequest ne permet pas d'envoyer des fichiers. Dans la fonction submitDoc(), tu dois juste commander la soumission du formulaire. Donne-lui un id et spécifie comme action l'URL de ta JSP qui réceptionne les fichiers:

Code :

<form id="attachform" name="attachform" method="post" action="/upload.jsp" enctype="multipart/form-data" target="myFrame">

Ensuite dans la fonction submitDoc:

Code :

function submitDoc()
{
   document.getElementById("attachform" ).submit();
}

Et boum, la JSP reçoit le fichier.

atomheartdude

I've always been mad, I know I

Merci beaucoup pour ta réponse.
En fait mon upload se fait lui meme dans une popup, donc ta solution voudrait dire, envoyer le fichier au contoleur, qui renverrait à ma page "mère" et qui ouvrirait la popup avec tous les paramètres ad hoc. Je veux a tout prix éviter cela justement.
Or, j'ai lu une astuce sur un upload avec iframe + ajax, par exemple ici
Mais quelque chose doit m'échapper, d'où ma demande d'aide...
Autre exemple : ici.

---------------
The only survivor of the national peoples gang

cbeyls

Hail to the King, Baby

Et bien c'est ce que tu fais, tu places une iframe dans ta page et dans ton formulaire tu as le paramètre:

Code :

target="myFrame"

donc c'est l'iframe qui reçoit la page en retour, ni vu ni connu.

atomheartdude

I've always been mad, I know I

Ok donc en fait les titres des sites que j'ai lus portaient à confusion car il n'y a pas du d'Ajax en fait, c'est ça ?

---------------
The only survivor of the national peoples gang

atomheartdude

I've always been mad, I know I

Comment comprends tu l'exemple présent ici ?
A quoi sert Ajax dans ce cas là selon toi ?

---------------
The only survivor of the national peoples gang

cbeyls

Hail to the King, Baby

Dans l'exemple que tu me montres, Ajax est utilisé pour faire des requêtes GET répétées sur le serveur pendant l'upload, afin d'afficher à l'utilisateur la progression de l'upload. C'est aussi une façon de détecter quand l'upload est terminé afin de mettre à jour l'interface graphique de l'utilisateur. Mais l'upload proprement dit n'est pas fait en Ajax mais via un simple formulaire envoyé via POST à la même servlet (dans la servlet, la méthode doPost gère l'upload tandis que la méthode doGet renvoie le statut de l'upload sous la forme de données XML à la requête Ajax GET).

Si tu n'as pas besoin d'afficher la progression de l'upload, tu n'as pas besoin d'ajax et tu peux détecter la fin de l'upload en programmant ta servlet/JSP afin qu'à la fin de l'upload elle renvoie une page web avec un javascript, page web qui sera donc chargée dans l'iframe cachée et le javascript de cette page doit appeler une fonction dans la page parent (celle qui contient l'iframe) afin de notifier la fin de l'upload. Il peut aussi s'agir d'une fonction affichant un message d'erreur en cas d'erreur d'upload détectée par la servlet/JSP.

atomheartdude

I've always been mad, I know I

Très bien, c'est très clair.
Merci infiniment pour tes réponses!

---------------
The only survivor of the national peoples gang

FORUM HardWare.fr

Programmation

Java

Upload AJAX + JSP avec iframe et apache.commons.fileupload

Sujets relatifs
Upload > 10 Go via HTTP ?	Probleme d'upload fichiers div ajax(c urgent)
iframe+js code ok mais modif possible ?	upload fichier et serveur linux
AJAX et effet sur image style Thickbox	Javascript/Ajax vers un autre domaine
Espace entre menu et iframe	AJAX : problème de compatibilité IE / Firefox
Appel AJAX qui s'effectue trop de fois (event JS)
Plus de sujets relatifs à : Upload AJAX + JSP avec iframe et apache.commons.fileupload

Page générée en 0.072 secondes