Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie lade ich eine Datei mit Window.fetch() herunter und handhabe die Autorisierung?

Barbara Streisand
Freigeben: 2024-10-23 07:32:01
Original
611 Leute haben es durchsucht

How to Download a File with Window.fetch() and Handle Authorization?

Herunterladen einer Datei mit window.fetch()

Wenn Sie versuchen, eine Datei mit window.fetch() herunterzuladen, sind die entsprechenden Schritte innerhalb des then-Blocks erforderlich wie folgt:

.then((response) => {
  // Convert the response to a blob.
  return response.blob();
})
.then((blob) => {
  // Create a URL for the downloaded file.
  const fileURL = URL.createObjectURL(blob);

  // Navigate to the file URL to start downloading the file.
  window.location.assign(fileURL);
});
Nach dem Login kopieren

Für eine präzisere und effizientere Lösung, die nur die Abruf-API verwendet, sollten Sie den folgenden Code in Betracht ziehen:

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 => {
    var file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie lade ich eine Datei mit Window.fetch() herunter und handhabe die Autorisierung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!