IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Lien permettant le download d'un fichier (cross-browser)


Sujet :

JavaScript

  1. #1
    Membre averti Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Points : 400
    Points
    400
    Par défaut Lien permettant le download d'un fichier (cross-browser)
    Bonjour,

    Je dois générer un lien permettant le download un fichier txt mais en modifiant sont extension en csv lors du transfert.

    J'ai comme contraintes :
    aucun script coté serveur.
    Les scripts sont tous en JavaScript donc coté client,
    Pas de Jquery ou framework, du JavaScript pur uniquement
    Modification de l'extension du fichier (de txt à csv)

    Concernant les navigateurs Chromes et FF aucune difficulté, la génération d'un simple lien HTML fonctionne bien

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="./'UnFichierTxt'" title="Download data file." download="'+filecsv+'"><img src="../images/csv.png"></a>';

    Pour IE j'ai implémenté la fonction si dessous que marchait "bien". Mais avec IE11 ça ne fonctionne plus. Apparemment execCommand est bloqué.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <img SRC="../images/txt.png" name="sav" onclick="SaveToDisk(\'./'+filetxt+'\',\''+filecsv+'\');" title="Download data file.">';


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    function SaveToDisk(fileURL, fileName) {
        // for non-IE
        if (!window.ActiveXObject) {
            var save = document.createElement('a');
            save.href = fileURL;
            save.target = '_blank';
            save.download = fileName || fileURL;
            var evt = document.createEvent('MouseEvents');
            evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0,
                false, false, false, false, 0, null);
            save.dispatchEvent(evt);
            (window.URL || window.webkitURL).revokeObjectURL(save.href);
        }
        else if ( !! window.ActiveXObject && document.execCommand)     {
            var _window = window.open(fileURL, "_blank");
            _window.document.close();
            _window.document.execCommand('SaveAs', true, fileName || fileURL)
            _window.close();
        }
    }
    Tous cela commençant à ressembler à une usine à gaz, je cherche une solution cross-browser plus "propre" fonctionnant avec les navigateur IE7 à IE11 et FireFox.
    Si vous avez des suggestions, ou des exemples je suis preneur.

    Merci,
    S'il n'y a pas de solution c'est qu'il n'y a pas de problème.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Le seul type de fichier téléchargeable de façon crossbrowser c'est une archive .zip

    pour les eutres types de fichier il fut du code serveur pour faire un force download
    il existe bien une astuce avec in lien data en base64 maie elle n'est pas full crossbrowser, encore une fois IE étant à la faute
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Points : 400
    Points
    400
    Par défaut
    Merci pour cette réponse SpaceFrog,
    ça veux dire que je suis mal ? ou que ça sent le gaz (l'usine...)
    S'il n'y a pas de solution c'est qu'il n'y a pas de problème.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    pour moi ça veut dire que hormis un zip ou html5 il te faudra du code serveur

    avec html5

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="..." download="fichier.txt">Télécharger le code (.txt)</a>
    mais tout dépend de ce que tu entends pas crossbrowser ... cf support de html5 http://caniuse.com/#feat=download
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Points : 400
    Points
    400
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    mais tout dépend de ce que tu entends pas crossbrowser ... cf support de html5 http://caniuse.com/#feat=download
    J'avais bien vue cette page, l'attribut "download" est non supporté par IE...
    Par cross-browser c'est juste la compatibilité FireFox et IE de IE7 à Edge.

    Pour le code coté serveur, pas le moindre espoirs.... le serveur est passif et stocke des fichiers.

    Je vais essayé de "bricoler" du coté ajax et API file....
    S'il n'y a pas de solution c'est qu'il n'y a pas de problème.

  6. #6
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    L'attribut download sert précisément à cela : https://html.spec.whatwg.org/multipa...ding-resources
    The attribute can furthermore be given a value, to specify the file name that user agents are to use when storing the resource in a file system. This value can be overridden by theContent-Disposition HTTP header's filename parameters.
    Si le navigateur ne le supporte pas, pas de secret, il faut modifier la réponse côté serveur.
    One Web to rule them all

  7. #7
    Membre averti Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Points : 400
    Points
    400
    Par défaut
    Désole pour le délai de réponse mais j'étais en formation.

    Mon problème semble insoluble. Je ne peux faire aucune modification coté serveur (totaly forbiden ). Le serveur n'a pas de CGI.
    L'attribut "Download" ne fonctionne pas avec IE bref c'est pas gagné.

    Je cherche car je dois absolument trouver une solution....

    Merci pour vos réponses.
    S'il n'y a pas de solution c'est qu'il n'y a pas de problème.

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    zip
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  9. #9
    Membre averti Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Points : 400
    Points
    400
    Par défaut
    J'ai bien pensé au zip..... mais cela implique de modifier l'extension du fichier.
    Pour être complet, le fichier que je souhaite mettre en download est un fichier txt qui est également utilisé par un Applet Java qui accepte uniquement les fichiers txt. donc le zip semble hors d'atteinte. Pour simplifier... le serveur fonctionne sur un mainframe donc pas .htaccess et pas de possibilité de forcer le "content-disposition" du header .

    C'est pour cela que j'ai "bricolé" le code posté en début du sujet qui fonctionnais très bien jusqu'a IE10. Mais avec IE 11 no way ça ne fonctionne plus .
    En fait mon besoin : downloader un fichier txt en le faisant passer pour un csv sans toucher au fichier et à la configuration de serveur
    S'il n'y a pas de solution c'est qu'il n'y a pas de problème.

  10. #10
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Tu n'as pas besoin de langage serveur pour forcer le téléchargement.
    Ce sont les headers qui envoient les informations qui déterminent comment utiliser les ressources demandées. Et les headers, c'est le serveur qui les renvoie pas le langage serveur, même si celui-ci peut les modifier dynamiquement.
    Donc tu n'as qu'à configurer ton serveur pour qu'il renvoie les bons headers pour ce fichier.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  11. #11
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    ha oui tiens un truc en htaccess par exemple:
    colle tes fichiers dans un répertoire et colle dasn ce repertoire un htaccess
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <FilesMatch "\.txt$">
       ForceType application/octet-stream
       Header set Content-Disposition attachment
    </FilesMatch>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  12. #12
    Membre averti Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Points : 400
    Points
    400
    Par défaut
    J'ai déjà fait.... et pensé.

    J'avais forcé le type Mime à "application/octet-stream" (pas mal pour du texte).
    Mais je n'ai pas de possibilité de forcer le content-disposition pour spécifier l'attachement.
    (Ah oui, en plus mainframe => EBCDIC qui est converti en ASCII par le serveur )


    Merci pour toute vos propositions .... je continue.
    S'il n'y a pas de solution c'est qu'il n'y a pas de problème.

Discussions similaires

  1. Réponses: 3
    Dernier message: 01/06/2011, 00h34
  2. Download d'un fichier
    Par arno_web dans le forum ASP
    Réponses: 6
    Dernier message: 19/02/2006, 23h03
  3. Script permettant l'affichage d'un fichier via onmouseover
    Par HNT dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 12/10/2005, 22h58
  4. Macro dans excel permettant de voir si un fichier est ouvert
    Par VirginieGE dans le forum Macros et VBA Excel
    Réponses: 4
    Dernier message: 12/08/2004, 07h51
  5. [STRUTS][DOWNLOAD] download d'un fichier via une action
    Par FreshVic dans le forum Struts 1
    Réponses: 3
    Dernier message: 16/04/2004, 16h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo