Dateiname der heruntergeladenen Datei in Daten: Application / octet-stream;

Ich versuche, eine Datei herunterzuladen, mithilfe von data-uri in der folgenden Weise:

<input type="button"
  onclick="window.location.href='data:Application/octet-stream;content-disposition:attachment;filename=file.txt,${details}'"
  value="Download"/>

Das problem ist, dass die heruntergeladene Datei hat immer den Namen 'Unbekannt', was auch immer ich versuche zu verwenden, wie
mit dem Namen. Ist dies die richtige Art und Weise geben Sie der Datei einen Namen ? oder etwas anderes werden muss
getan ?

InformationsquelleAutor der Frage parbi | 2011-08-05

  1. 32

    Hier ist die Lösung, die Sie gerade Hinzugefügt haben, um die download - Attribut anchor-tag
    a mit gewünschten Namen

    <a href="data:application/csv;charset=utf-8,Col1%2CCol2%2CCol3%0AVal1%2CVal2%2CVal3%0AVal11%2CVal22%2CVal33%0AVal111%2CVal222%2CVal333"
  download="somedata.csv">Example</a>

    Andere Lösung ist die Verwendung von JQuery/Javascript -

    Anker-Download-Eigenschaft

    InformationsquelleAutor der Antwort Ashraf Bashir

  2. 3

    Auf Safari, die Sie möglicherweise verwenden möchten, und weisen Sie die Benutzer ⌘-S die Datei:

    window.open('data:text/csv;base64,' + encodeURI($window.btoa(content)));

    Anders, nutzt diese Filesaver.jsaber funktioniert ok:

        var downloadFile = function downloadFile(content, filename) {
      var supportsDownloadAttribute = 'download' in document.createElement('a');

      if(supportsDownloadAttribute) {
        var link = angular.element('<a/>');
        link.attr({
          href: 'data:attachment/csv;base64,' + encodeURI($window.btoa(content)),
          target: '_blank',
          download: filename
        })[0].click();
        $timeout(function() {
          link.remove();
        }, 50);
      } else if(typeof safari !== 'undefined') {
        window.open('data:attachment/csv;charset=utf-8,' + encodeURI(content));
      } else {
        var blob = new Blob([content], {type: "text/plain;charset=utf-8"});
        saveAs(blob, filename);
      }
    }

    Hinweis: Es gibt einige AngularJS in den obigen code, aber es sollte einfach sein, um den Faktor aus...

    InformationsquelleAutor der Antwort malix

  3. 1

    Für solche, die mit anderen Bibliotheken wie angularjs oder backbone, können Sie versuchen, so etwas wie dieses.

    $('.download').attr('href', 'data:application/csv;charset=utf-8,'+$scope.Daten);

    InformationsquelleAutor der Antwort Rick

  4. 0

    Ich hatte das gleiche Problem und schließlich habe ich gelöst in allen Browsern dienen der CSV-Datei in die server-Seite:

    const result = json2csv({ data });

res.writeHead(200
        'Content-Type': 'application/octet-stream',
        'Content-Disposition': 'attachment;filename=issues.csv',
        'Content-Length': result.length
});

res.end(result);

    InformationsquelleAutor der Antwort Aral Roca

Schreibe einen Kommentar