Javascript-Datei umbenennen, die auf dem download

Ich möchte in der Lage sein laden Sie eine web-Datei, aber wenn der download-dialog öffnen, wird der Dateiname umbenannt.

Ex: Datei: http://<server>/<site>/test.txt

und wenn ich auf das herunterladen der Datei-download-dialog öffnen Sie mit dem Datei-name: test001.txt.

Wie kann ich erreichen, dass?

InformationsquelleAutor bruno2007 | 2011-09-15
  1. 16

    Als InviS schlägt, gibt es heute eine download - Attribut auf links.

    Beispiel:

    <a href="http://server/site/test.txt" download="test001.txt">Download Your File</a>
    • Ich benutze diese in Kombination mit target="_blank" für andere Browser.
    • caniuse.com/#feat=download Jetzt unterstützt wird, Opera und android-browser.
    • Danke, meine Antwort aktualisiert
    • Irgendeiner Weise Anhängen des aktuellen Benutzers Datum an den Dateinamen an? Ich habe nur gefunden, wie zu ändern, die <a> Inhalt (wie "klicken Sie zum download"), aber nicht den Wert innerhalb download="value"
    • Sie können versuchen, die dynamisch festlegen des Attributs über die onclick handler, aber kann es Einschränkungen
    • vielen Dank für Ihre Antwort. Ich habe mich heute gefragt, und bekam eine ziemlich gute Antwort. Sie finden die Frage über "mein Konto". Ich bin sicher, dass Sie den Weg wissen, um SO. 😉 wenn Sie denken, es ist gut gefragt, bitte oben abstimmen.

    InformationsquelleAutor Dmitry Pashkevich
  2. 2

    Dieser Effekt wird erreicht durch senden einer zusätzlichen header. Sie können PHP verwenden, zum Beispiel, dies zu erreichen:

    URLs umgeschrieben werden kann mit .htaccess, (intern) weiterleiten des request an eine PHP-Datei. Ich zeige ein einfaches hartcodierte Beispiel, wie der header können gesetzt werden:

    <?php
    header('Content-type: text/plain');
    header('Content-Disposition: attachment; filename="test001.txt"');
    readfile('files/test.txt');
     //assuming that the files are stored in a directory, not in a database
?>
    • aber dies bedeutet nicht, acomplish die dynamische Natur, die er sucht. Meine Vermutung natürlich
    • Ich zeigte, wie die Header gesetzt werden können. Wenn er die Fähigkeiten zum Programmieren in PHP, er kann den code ändern, um seine Ziele zu erreichen.
    InformationsquelleAutor Rob W
  3. 2

    Verwenden download Attribut des Links. Aber es funktioniert nur im Chrome-browser 🙂

    InformationsquelleAutor ValeriiVasin
  4. 0

    Können Sie nicht tun, dass in Javascript. Die "Speichern"-dialog wird eröffnet durch die browser und Sie können nicht darauf zugreifen, die durch JS, es ist ein standard-dialog aus dem Betriebssystem.

    Dein server muss die Datei mit dem gewünschten Namen, bevor der Benutzer klickt auf den download-link.

    Was ist der Grund, dass Sie möchten, benennen Sie die heruntergeladene Datei überhaupt?

    • Ich habe die Dateien in einer Sharepoint-Bibliothek, und ich bin versucht, eine benutzerdefinierte Aktion erstellen, um die Dateien herunterzuladen und fügen Sie die version des Dokuments in den Dateinamen. Um dies zu tun benutzerdefinierte Aktion kann ich nur verwenden javascript-code. Irgendwelche Tipps?
    InformationsquelleAutor Michael Sandino
  5. 0

    Wenn das, was Sie wollen, ist, um wieder eine kontinuierliche Art von Datei-Namen, müssen Sie ein Skript schreiben, das wird verfolgen, und vorsehen, dass die Datei zurück an den Benutzer. Eine Möglichkeit ist die Verwendung von plain PHP, oder etwas mehr erweitert, wenn es mehrere Dateien zu einem Zeitpunkt, möglicherweise ein cURL-Aufruf in php, so kann es erzeugen mehrere verschiedene Dateien. Ich vermute, dass ist das, was Sie suchen zu tun, aber Sie können nicht die Dateinamen dynamisch verändern, auf das speichern-Dialogfeld in diesem Sinne, kehren Sie die savename.txt mit dem Namen.

    InformationsquelleAutor Truesky
  6. 0

    Verwendet werden können das download-Attribut in einem link-tag <a href="http://server/site/test.txt" download="test001.txt">Download Your File</a>

    Jedoch, wenn "content-disposition" - header gesetzt ist, auf die server-Antwort, er ignoriert das download-Attribut, und der Dateiname wird gesetzt, um den Dateinamen in der content-disposition-header der Antwort

    Erreichen Sie dies mithilfe von axios oder andere fetch-dadurch:

    const downloadAs = (url, name) => {
  Axios.get(url, {
    headers: {
      "Content-Type": "application/octet-stream"
    },
    responseType: "blob"
  })
    .then(response => {
      const a = document.createElement("a");
      const url = window.URL.createObjectURL(response.data);
      a.href = url;
      a.download = name;
      a.click();
    })
    .catch(err => {
      console.log("error", err);
    });
};

    Verwendung: 

    downloadAs('filedownloadlink', 'newfilename');

    Anmerkung: wenn Ihre Datei zu groß ist, ist es Aussehen wird, wie es ist, nichts zu tun, bis die gesamte Datei heruntergeladen wurde, so stellen Sie sicher, dass Sie zeigen einige Nachricht oder einen Hinweis an den Benutzer, um zu lassen Sie Sie wissen, es ist etwas zu tun

    InformationsquelleAutor Stephani Alves
Schreibe einen Kommentar