Wie kann ich den Dateinamen beim Herunterladen von Blobs in JavaScript steuern?

Benutzerdefinierter Dateiname für Blob-Downloads in JavaScript

Beim erzwungenen Herunterladen einer Blob-Datei über window.location kann der zugewiesene Dateiname eine zufällige Zeichenfolge sein . Um diesen Dateinamen anzupassen, wird eine Problemumgehung mit einem versteckten Element verwendet.

Implementierung

FileSaver.js bietet einen Ansatz, der Folgendes umfasst:

1. Erstellen eines versteckten Element.
2. Festlegen seines href-Attributs auf die URL des Blobs.
3. Festlegen seines Download-Attributs auf den gewünschten Dateinamen.
4. Klicken auf Element.

Beispiel

Das folgende vereinfachte Beispiel veranschaulicht die Technik:

var saveData = (function () {
  var a = document.createElement("a");
  document.body.appendChild(a);
  a.style = "display: none";
  return function (data, fileName) {
    var json = JSON.stringify(data),
      blob = new Blob([json], { type: "octet/stream" }),
      url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = fileName;
    a.click();
    window.URL.revokeObjectURL(url);
  };
}());

var data = { x: 42, s: "hello, world", d: new Date() },
  fileName = "my-download.json";

saveData(data, fileName);

Notizen

• Ältere Browser unterstützen den Download möglicherweise nicht Attribut.
• Bestimmte Dateiformate können als unsicher gelten und Downloadfehler auslösen. Es wird empfohlen, JSON-Dateien mit der Erweiterung .txt zu speichern.

Das obige ist der detaillierte Inhalt vonWie kann ich den Dateinamen beim Herunterladen von Blobs in JavaScript steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!