Créer simple xlsx (fichier excel ) à partir de javascript ou Jquery

C'est le violon https://jsfiddle.net/ym4egje0/

J'ai deux choses à demander

  1. c'est la création d'un xls , comment créer un fichier xlsx et il ne fonctionne pas dans IE , ne fonctionne que dans google chrome , comment le faire fonctionner sous IE ?

  2. Je veux mettre ColumnHead en-tête de colonne de texte et message1 et message2 doivent être des lignes consécutives .

Prendre comme l'indice de (.) couper en lignes .

HTML

<input id="btnExport" type="button" value = "Generate File" />

JS/Jquery

$("#btnExport").click(function (e) { 

var ColumnHead = "Column Header Text";
var Messages = "\n message1.\n message2.";
   window.open('data:application/vnd.ms-excel,' + Messages);
    e.preventDefault();

});
  • pour xlsx utilisation data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet j'espère que cela va fonctionner.
  • maintenant, c'téléchargement sans l'extension de fichier . comment faire .xlsx et aussi je peux donner aucun nom spécifique autre que le téléchargement
  • Pouvez-vous essayer ce post? stackoverflow.com/questions/15567086/...
  • Pour le Tableau , je n'ai pas besoin de table que les grands et IE solution ne fonctionne pas pour moi
  • Télécharger le fichier extension dans chrome jsfiddle.net/ym4egje0/1 Vérifiez la question similaire, à partir de stackoverflow.com/questions/2937465/...
  • Ok, mais comment le faire fonctionner sous IE

InformationsquelleAutor shaswatatripathy | 2017-06-07
  1. 8

    Découvrez ce violon pour résoudre votre problème . il va créer le fichier pour Google chrome et IE

    https://jsfiddle.net/shaswatatripathy/fo4ugmLp/1/

    HTML 

    <input type="button" id="test" onClick="fnExcelReport();" value="download" />

<div id='MessageHolder'></div>

<a href="#" id="testAnchor"></a>

    JS

    var tab_text;
var data_type = 'data:application/vnd.ms-excel';
function CreateHiddenTable(ListOfMessages)
{
var ColumnHead = "Column Header Text";
var TableMarkUp='<table id="myModifiedTable" class="visibilityHide"><thead><tr><td><b>'+ColumnHead+'</b></td>  </tr></thead><tbody>';
for(i=0; i<ListOfMessages.length; i++){
TableMarkUp += '<tr><td>' + ListOfMessages[i] +'</td></tr>';
}
TableMarkUp += "</tbody></table>";
$('#MessageHolder').append(TableMarkUp);
}
function fnExcelReport() {
var Messages = "\n message1.\n message2.";
var ListOfMessages = Messages.split(".");
CreateHiddenTable(ListOfMessages);
tab_text = '<html xmlns:x="urn:schemas-microsoft-com:office:excel">';
tab_text = tab_text + '<head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>';
tab_text = tab_text + '<x:Name>Error Messages</x:Name>';
tab_text = tab_text + '<x:WorksheetOptions><x:Panes></x:Panes></x:WorksheetOptions></x:ExcelWorksheet>';
tab_text = tab_text + '</x:ExcelWorksheets></x:ExcelWorkbook></xml></head><body>';
tab_text = tab_text + "<table border='1px'>";
tab_text = tab_text + $('#myModifiedTable').html();;
tab_text = tab_text + '</table></body></html>';
data_type = 'data:application/vnd.ms-excel';
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
if (window.navigator.msSaveBlob) {
var blob = new Blob([tab_text], {
type: "application/csv;charset=utf-8;"
});
navigator.msSaveBlob(blob, 'Test file.xls');
}
} else {
console.log(data_type);
console.log(tab_text);
$('#testAnchor')[0].click()
}
$('#MessageHolder').html("");
}
$($("#testAnchor")[0]).click(function(){
console.log(data_type);
console.log(tab_text);
$('#testAnchor').attr('href', data_type + ', ' + encodeURIComponent(tab_text));
$('#testAnchor').attr('download', 'Test file.xls');
});

    CSS

    .visibilityHide
{
visibility:hidden;
}
    • est-il possible d'en charge les caractères unicode?
    • Ce qui est excellent. Mon seul commentaire est que je reçois le message d'erreur suivant lorsque j'essaie de l'ouvrir... "Le format de fichier et l'extension de "Test file.xls" ne correspondent pas. Le fichier peut être endommagé ou dangereux. Sauf si vous faites confiance à la source, ne l'ouvrez pas. Voulez-vous l'ouvrir il de toute façon?". Si je clique sur "Oui", il fonctionne très bien. Toute réflexion sur la façon de l'empêcher complètement?
    • J'ai toujours pas trouver la solution pour que
    InformationsquelleAutor tripathy