J'ai donc réfléchi aujourd'hui. Je génère des fichiers CSV à partir de données déjà en mémoire dans mon application JavaScript, puis les transfère vers le navigateur de l'utilisateur via une invite de téléchargement de fichier - tout en JavaScript -.Téléchargement de fichier via JavaScript?
Est-ce possible?
Si vous voulez le faire entièrement côté client, sans aucune interaction avec le serveur, vous aurez besoin d'au moins l'aide de Flash.
Jetez un oeil à Downloadify, est le meilleur que j'ai vu pour la génération de fichiers côté client.
Cochez la case demo.
Si votre serveur est configuré pour déclencher un téléchargement pour votre type MIME donné, vous pouvez simplement faire une ligne droite location.href = 'myFile.csv'.
Ceci demandera à l'utilisateur d'ouvrir ou de sauvegarder le fichier comme vous le souhaitez.
Cela nécessite que votre serveur soit configuré pour se comporter de cette manière.
La solution pour télécharger du contenu local/côté client via javascript n'est pas simple. J'ai implémenté une solution en utilisant smartclient-html-jsp.
Voici la solution:
// code de début
<%@ page import="java.util.*,java.io.*,java.util.Enumeration"%>
<%
response.setContentType ("text/csv");
//set the header and also the Name by which user will be prompted to save
response.setHeader ("Content-Disposition", "attachment;filename=\"data.csv\"");
String contents = request.getParameter ("text");
if (!(contents!= null && contents!=""))
contents = "No data";
else
contents = contents.replaceAll ("NEW_LINE", "\n");
//Open an input stream to the file and post the file contents thru the
//servlet output stream to the client m/c
InputStream in = new ByteArrayInputStream(contents.getBytes());
ServletOutputStream outs = response.getOutputStream();
int bit = 256;
int i = 0;
try {
while ((bit) >= 0) {
bit = in.read();
outs.write(bit);
}
//System.out.println("" +bit);
} catch (IOException ioe) {
ioe.printStackTrace(System.out);
}
outs.flush();
outs.close();
in.close();
%>
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
// fin de code
Ce code est testé et déployé/travail dans un environnement de production, aussi cette fonctionnalité est multi-navigateur.
Merci Shailendra
Google a également ajouté un accès API File natif dans Chrome. – Drew
Hey @Drew, ces API sont-elles spécifiques au navigateur Chrome? Les miens sont indépendants du navigateur et aussi aucun problème sur IE qui arrête l'exécution automatique du script en appliquant la sécurité Internet. – shaILU
Quel est le contexte de cette application Javascript? Où est-ce qu'il tourne, un serveur web ou un navigateur? – Pointy
Ne sait pas. Est-ce que tu l'as essayé? – JohnFx
Ceci n'est possible que sur un certain navigateur web développé par une équipe de Redmond qui utilise un framework propriétaire encombré de trous de sécurité appelés "ActiveX".Même alors, je pense que vous obtiendrez des avertissements lorsque vous le faites dans les versions les plus récentes de ce webbrowser. Dans tous les autres navigateurs Web que le monde connaît, cela n'est pas ** possible. – BalusC