Est-il possible d'utiliser n'importe quel HTML5 pour exporter du stockage local vers Excel?

Question

This question est similaire, mais ne met en évidence aucune possibilité de exporter les données. Pensées?

Answer 1

Je pense que vous êtes mal compris la réponse à la question que vous avez lié à, il est ce qui suggère que vous utilisez un URI de données pour l'exportation.

Excel est une cible compliquée à atteindre car le format de fichier est lui-même binaire (or OOXML). Si vous voulez juste quelque chose qui ouvre dans Excel alors vous pouvez exporter le CSV plus simple comme un URI de données. Le code suivant est un peu rugueux et prêt et a été testé dans Firefox:

function exportData() { 
    var data = ''; 
    for (var i=1;i<=2;i++) { 
     var sep = ''; 
     for (var j=1;j<=4;j++) { 
      data += sep + document.getElementById(i + '_' + j).value; 
      sep = ','; 
     } 
     data += '\r\n'; 
    } 
    var exportLink = document.createElement('a'); 
    exportLink.setAttribute('href', 'data:text/csv;base64,' + window.btoa(data)); 
    exportLink.appendChild(document.createTextNode('test.csv')); 
    document.getElementById('results').appendChild(exportLink); 
} 

Voici le balisage de la page:

<input type="number" id="1_1" value="2">, 
<input type="number" id="1_2" value="1">, 
<input type="number" id="1_3" value="4">, 
<input type="number" id="1_4" value="3"> 
<br> 
<input type="number" id="2_1" value="1">, 
<input type="number" id="2_2" value="2">, 
<input type="number" id="2_3" value="3">, 
<input type="number" id="2_4" value="4"> 
<br> 
<button onclick="exportData()">Export as CSV</button> 
<div id="results"></div> 

Demo here. Cliquez sur le bouton vous obtenez un lien, cliquez sur le lien et vous obtenez un fichier. Changez les valeurs, cliquez à nouveau sur le lien et vous obtenez un fichier différent. Firefox m'a fait sélectionner Excel à chaque fois pour l'ouvrir mais je ne sais pas si c'est ma configuration ou un problème général.

CSV in Excel 2007 http://www.boogdesign.com/images/external/data-uri-csv.png

Comme je l'ai dit, testé que dans Firefox, et il ne fonctionne que dans les navigateurs qui prennent en charge Data URIs. Vous avez également besoin du window.btoa() function ou implémentez le vôtre base64 encoder.

Answer 2

Je ne connais aucune bibliothèque Javascript capable de créer un fichier Excel. Mais vous pouvez simplement l'exporter en HTML ou CSV - notez que Javascript ne peut pas faire de fichiers (encore), mais le brouillon de HTML s'adresse à ceci: http://www.w3.org/TR/file-writer-api/

Excel est assez bon pour lire des tableaux en HTML, donc vous pouvez Il suffit de le faire et ouvrez le fichier HTML avec Excel.

Vous pouvez créer un fichier à télécharger à l'aide Downloadify: https://github.com/dcneiner/Downloadify