Force download "data:text/plain' URL

Ich Frage mich, ob es möglich ist, zu zwingen, einen browser (zumindest Chrome) herunterladen data:text/plain URL.

Chrome download binäre URLs (z.B. data:application/zip;base64,...), aber es lädt keine Dateien herunter, die angezeigt werden können im browser (z.B. text-Dateien).

Was ich schon versucht, ohne Glück so weit ist:

data:text/plain;content-disposition=attachment;filename=test.txt;...

Aber wie es scheint, ich kann nicht hinzufügen Header wie diesem.

Gibt es eine Möglichkeit, Chrome herunterladen data:text/plain,... URL?

InformationsquelleAutor pimvdb | 2011-06-24
  1. 14

    Ab jetzt wurde es möglich <a download> in Chrom. Mit dispatchEvent können, laden Sie jede beliebige Zeichenfolge als Datei (sogar mit einem benutzerdefinierten Dateinamen), Wann immer Sie wollen. Hier ist eine utility-Funktion zu verwenden:

    var downloadFile = function(filename, content) {
  var blob = new Blob([content]);
  var evt = document.createEvent("HTMLEvents");
  evt.initEvent("click");
  $("<a>", {
    download: filename,
    href: webkitURL.createObjectURL(blob)
  }).get(0).dispatchEvent(evt);
};

    Verwendung:

    downloadFile("foo.txt", "bar");

    Es nutzt jQuery und das webkit Präfix, aber beide können vermieden werden.

    • <a download> scheint wirklich toll, und diese Funktion wird wie angekündigt in Chrom. (Ich bin schon mit jQuery) Wäre es möglich, dies zu ändern-Funktion auch in Firefox und/oder Safari? Ich weiß nicht genug über initEvent und Blob und createObjectURL zu wissen, was möglich ist. Danke.
    • Safari bietet keine Unterstützung für die download Attribut.
    InformationsquelleAutor pimvdb
  2. 7
    Try this:
<a download="file_downloaded_via_data_URL.txt"
href="data:text/plain;base64,SGVsbG8sIHdvcmxkISBJJ20gZG93bmxvYWRlZCB2aWEgImRhdGE6dGV4dC9wbGFpbjsuLi4iIFVSTCB1c2luZyA8YSBkb3dubG9hZD0iZmlsZV9uYW1lIi4uLj4uDQpNeSBiaXJ0aHBsYWNlOiBodHRwOi8vc3RhY2tvdmVyZmxvdy5jb20vcXVlc3Rpb25zLzY0Njg1MTcvDQoNCk1vcmUgYWJvdXQ6DQpodHRwOi8vd3d3LnczLm9yZy9UUi9odG1sL2xpbmtzLmh0bWwjYXR0ci1oeXBlcmxpbmstZG93bmxvYWQNCmh0dHA6Ly93d3cudzMub3JnL1RSL2h0bWwvbGlua3MuaHRtbCNkb3dubG9hZGluZy1yZXNvdXJjZXMNCg0KQnJvd3NlciBzdXBwb3J0OiBodHRwOi8vY2FuaXVzZS5jb20vZG93bmxvYWQ=">
    Download text file
</a>

    Es verwendet HTML5-Attribut download="filename.ext". (kein JS benötigt:)

    Mehr über:
    http://www.w3.org/TR/html/links.html#downloading-resources

    Browser-Unterstützung lassen sich auf http://caniuse.com/download

    (Wie jetzt, 2013, keine IE noch Safari-Unterstützung)

    Ich denke, Sie können einen fallback für nicht-unterstützende Browser: verwenden Sie JS zu ändern Wert von href="..." die URL des server-Skript (die zurückkehren wird der Inhalt der Datei mit den entsprechenden HTTP-header Content-disposition: attachment;filename=filename.txt).

    • das ist genial, einige neue browser nicht unterstützen, navigieren Sie zu " data-url jetzt in 2017
    InformationsquelleAutor Iv Ov
  3. 1

    Was ich Tat, war das senden der Daten an einen server, der sendet Sie zurück mit der folgenden HTTP-header:

    Content-disposition: attachment;filename=test.txt

    Ich weiß nicht, wie diese, aber es funktioniert ziemlich gut.

    InformationsquelleAutor pimvdb
  4. 0

    Diese funktioniert wie die Hölle ...

    <div class="tags-style-one dragme" draggable="true" data-transfer="33343">some value is 33343</div>

    <script type="text/javascript">
    (function ($) {
        $(document).ready(function () {
        $('.dragme').on("dragstart",function(evt) {
            evt.originalEvent
                    .dataTransfer
                    .setData(
                            "text/plain",
                            $(this).data('transfer').toString()
                    );
        });
    })(jQuery);
</script>
    InformationsquelleAutor Michal Havelec
  5. 0

    Hier ist ein Reine Javascript-Lösung zum erstellen einer blob-und text-download als text-Datei

    var fileContent = 'This is sample text file';
var fileName = 'sampleFile.txt';

const blob = new Blob([fileContent], { type: 'text/plain' });
const a = document.createElement('a');
a.setAttribute('download', fileName);
a.setAttribute('href', window.URL.createObjectURL(blob));
a.click();
    InformationsquelleAutor Rahul Gupta
Schreibe einen Kommentar