Comment télécharger un fichier par programmation en utilisant JS (Internet Explorer)

Question

J'ai une page web où il y a un bouton qui, lorsqu'on clique, génère un fichier csv (en faisant une conversion depuis json) qui est téléchargé par le navigateur. Il utilise essentiellement la logique de ce jsfiddle. Tout cela fonctionne en chrome, mais dans IE, rien ne se passe.

var uri = 'data:text/csv;charset=utf-8,' + escape(CSV); 

    // Now the little tricky part. 
    // you can use either>> window.open(uri); 
    // but this will not work in some browsers 
    // or you will not get the correct file extension  

    //this trick will generate a temp <a /> tag 
    var link = document.createElement("a");  
    link.href = uri; 

    //set the visibility hidden so it will not effect on your web-layout 
    link.style = "visibility:hidden"; 
    link.download = fileName + ".csv"; 

    //this part will append the anchor tag and remove it after automatic click 
    document.body.appendChild(link); 
    link.click(); 
    document.body.removeChild(link); 

Le problème semble être que l'attribut de téléchargement d'une balise d'ancrage n'existe pas dans Internet Explorer. J'ai regardé de nombreux articles et publications, mais je n'ai pas trouvé de solution cohérente que je puisse utiliser dans la page.

Comment le code de jsfiddle peut-il être implémenté dans IE?

Answer 1

C'est ce que j'ai utilisé par le passé. Cela gère IE et non-IE.

  var filename = "file.txt"; 
      var data = "some data"; 
      var blob = new Blob([data], { type: 'text/csv' }); 
      if (window.navigator.msSaveOrOpenBlob) { 
       window.navigator.msSaveBlob(blob, filename); 
      } 
      else { 
       var elem = window.document.createElement('a'); 
       elem.href = window.URL.createObjectURL(blob); 
       elem.download = filename; 
       document.body.appendChild(elem); 
       elem.click(); 
       document.body.removeChild(elem); 
      }