Discussion :

[SPACHFR]

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,

[SpaceFrog]

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

[SPACHFR]

Merci pour cette réponse SpaceFrog,
ça veux dire que je suis mal ? ou que ça sent le gaz (l'usine...)

[SpaceFrog]

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

[SPACHFR]

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

[SylvainPV]

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.