Wie lade ich Dateien mit window.fetch() in clientseitigen Anwendungen herunter?

Herunterladen von Dateien mit Window.fetch() in clientseitigen Anwendungen

Beim Umgang mit Dateidownloads auf der Clientseite: window.fetch () bietet ein leistungsstarkes Tool zur Handhabung dieser Vorgänge. Es stellt sich jedoch die Frage: Was sollte im Then-Block getan werden, um eine Datei herunterzuladen?

Lösung:

Im Then-Block sollte die Antwort verarbeitet werden den Dateiinhalt abrufen. Hier ist eine prägnantere und effizientere Lösung, die die Abruf-API nutzt, ohne dass externe Bibliotheken erforderlich sind:

<code class="javascript">const url = 'http://sample.example.file.doc';
const authHeader = "Bearer 6Q************";

const options = {
  headers: {
    Authorization: authHeader
  }
};

fetch(url, options)
  .then(res => res.blob())
  .then(blob => {
    const file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });</code>

In diesem Code wird die Anfrage mit dem entsprechenden Authentifizierungsheader gestellt. Die Antwort wird dann in einen Blob umgewandelt, der die Binärdaten der Datei darstellt. Schließlich wird mithilfe von window.URL.createObjectURL() eine URL für den Blob generiert und window.location.assign() zum Herunterladen der Datei verwendet.

Mit diesem Ansatz können Entwickler mühelos herunterladen Dateien von Remote-Servern mithilfe von window.fetch() in ihren clientseitigen Anwendungen.

Das obige ist der detaillierte Inhalt vonWie lade ich Dateien mit window.fetch() in clientseitigen Anwendungen herunter?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!