So laden Sie Dateien in Angular2 und höher herunter: Eine Schritt-für-Schritt-Anleitung

So laden Sie eine Datei mit Angular2 oder höher herunter

Angular2 führte erhebliche Änderungen an der Art und Weise ein, wie Dateien heruntergeladen werden. Zu verstehen, wie Angular Dateien speichert, kann eine Herausforderung sein, insbesondere für diejenigen, die mit den in älteren Versionen verwendeten Vorgehensweisen vertraut sind.

Um eine Datei in Angular2 herunterzuladen, befolgen Sie diese Schritte:

1. Erstellen Sie eine Funktion, die die Download-Anfrage verarbeitet und das zurückgegebene Observable abonniert.
2. Erstellen Sie im Abonnement-Rückruf ein Blob-Objekt aus dem heruntergeladenen Objekt Daten.
3. Verwenden Sie die Methode URL.createObjectURL(), um eine URL für den Blob zu erstellen.
4. Öffnen Sie die URL in einem neuen Fenster, um den Dateidownload zu starten.

Eine Beispielimplementierung wird bereitgestellt unten:

downloadfile(type: string){

  this.pservice.downloadfile(this.rundata.name, type)
      .subscribe(data => this.downloadFile(data),
                  error => console.log("Error downloading the file."),
                  () => console.log('Completed file download.'));
}

downloadFile(data: Response) {
  const blob = new Blob([data], { type: 'application/octet-stream' });
  const url = window.URL.createObjectURL(blob);
  window.open(url);
}

Hinweis:

Stellen Sie sicher, dass Sie rxjs/Rx importiert haben, um die Verwendung von Observablen zu ermöglichen.

Das obige ist der detaillierte Inhalt vonSo laden Sie Dateien in Angular2 und höher herunter: Eine Schritt-für-Schritt-Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!