[HTML5] Lire un fichier

Bonjour,

Une mission m'a été confiée, je voudrais savoir si la solution existe ou non. Le but est de lire le contenu de deux fichiers sur une web application, il m'est demandé de moderniser cette dernière.

Un serveur reçoit régulièrement des couples de fichiers, une web application développée en Java avec le framework Struts 1.3.10 permet de sélectionner les deux fichiers, situés dans deux répertoires différents. Un formulaire contient alors deux tags <input type="file" .../> et envoyait le tout à la servlet qui récupérait les répertoires des fichiers et faisaient le traitement.Les utilisateurs disposaient d'IE8 sous Windows 7, le développeur de l'époque utilisait l'ActiveX qui permettait de récupérer le chemin complet du fichier.

Entre-temps, le serveur a été migré de Windows XP en Windows 10, l'application ne fonctionne plus car le répertoire n'est plus transmis. Il m'est donc demandé de corriger tout cela.

Je voudrais donc modifier l'application côté client : je parle des JSP donc du HTML produit. A priori, en passant sur HTML5 et en utilisant des API spécifiques, j'aurais peut-être une solution. Problème, je ne connais pas trop le JavaScript, j'ai bien vu pas mal d'exemples sur le Web, a priori il n'est plus possible de transmettre à la servlet le chemin complet du fichier... Me confirmez-vous cela ?

Sinon, il y aurait visiblement la possibilité de faire des "drag and drop" des fichiers, un bout de code en JavaScript mettrait le contenu des fichiers dans des tag <textarea>, et le tour serait joué : j'aurais besoin que l'on me dise si c'est possible... ou pas ?

Merci par avance.

Bonjour, j'ai trouvé une solution après quelques recherches sur Internet, ouf !!

Hello,

je t'avoue que la solution retenue m'intéresse.

Le coup du drag-and-drop devrait marcher, mais je vois mal autre chose.

Bonsoir,

J'ai trouvé une solution peu conviviale qui charge le contenu du fichier via un javascript et qui le place dans un tag caché.

Voici un bout de la JSP :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<s:form action="compare" theme="simple"> <table> <tr> <td> <s:file name="nomfichier" id="fic" value="" onchange="LireFichier(this.id);"/> </td> </tr> <tr> <td> <s:hidden name="contenu" id="ficcontenu" value=""/> </td> </tr> <tr> <td> <s:submit value="Chargement"/> </td> </tr> </table> </s:form>

---

Et le code JavaScript :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function LireFichier(nom) { var f = document.getElementById(nom).files[0], ch = new FileReader();   ch.readAsText(f);   ch.onloadend = function (e) { if(e.target.readyState == FileReader.DONE) document.getElementById(nom+"contenu").value = e.target.result; } }

---

Ma servlet reçoit bien le contenu du fichier, plus besoin de s'occuper du répertoire où est situé le fichier.

Je suis en train d'étudier la possibilité de faire un drag&drop. Dès que ce sera au point, je posterai ma solution ici.

Ok.... Du coup j'ai aucune idée de ce que pouvait être ton problème. Faire en sorte qu'une servlet (ou n'importe quoi côté serveur) reçoive le contenu d'un fichier, c'est exactement à ça que sert un <input type=file> .
Pas besoin de JavaScript ou de reader ou de rien d'autre. C'est juste un formulaire normal -_-°.

Les choses deviennent plus compliquées quand on a besoin de traiter un groupe de fichiers, mais là...

Bonsoir thelvin,

J'ai bien peur de découvrir quelque chose :weird:. Quand je prends le tag <input type=file name=truc>, l'attribut "truc" me transmet le nom du fichier et non son contenu. Si tu me montres que je peux directement recevoir dans ma servlet le contenu du fichier depuis ce tag HTML (j'utilise le framework Struts2), je suis preneur. J'ai pourtant cherché sur le net, en particulier ici... je n'ai rien trouvé de tel.

Dans mon cas, il s'agit de lire deux fichiers pour croiser leurs contenus. Si je peux me passer de Javascript, je prends tout de suite ! Merci !

Je ne connais rien à Struts, mais une recherche google de "struts 2 file upload" ne te donne rien d'intéressant ?

Bonjour,

J'avoue n'avoir fait cette recherche que sur la partie "vue" du projet (clairement MVC)... En tapant ces quelques mots, je trouve effectivement des choses intéressantes. Je me penche dessus et je reviendrai très rapidement en parler.

Encore merci, je vois bien que j'ai certainement sorti un char d'assaut pour abattre un moustique... :D

Bonsoir à nouveau.

Effectivement, Struts2 offre bel et bien la possibilité de faire le chargement d'un fichier, cependant, il y a un effort de programmation et de configuration à faire. Si nécessaire, je peux faire un article dessus.