Bagaimana untuk Muat Turun Fail dengan window.fetch() dalam Aplikasi Sisi Pelanggan?

Memuat Turun Fail dengan Window.fetch() dalam Aplikasi Bahagian Klien

Apabila berurusan dengan muat turun fail pada bahagian klien, window.fetch () menyediakan alat yang berkuasa untuk mengendalikan operasi ini. Walau bagaimanapun, persoalan timbul: apakah yang perlu dilakukan dalam blok kemudian untuk memuat turun fail?

Penyelesaian:

Di dalam blok kemudian, respons harus diproses ke mendapatkan semula kandungan fail. Berikut ialah penyelesaian yang lebih ringkas dan cekap yang menggunakan API pengambilan tanpa memerlukan perpustakaan luaran:

<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>

Dalam kod ini, permintaan dibuat dengan pengepala pengesahan yang sesuai. Tanggapan kemudiannya ditukar menjadi gumpalan, yang mewakili data binari fail. Akhir sekali, menggunakan window.URL.createObjectURL(), URL dijana untuk gumpalan dan window.location.assign() digunakan untuk memuat turun fail.

Dengan mengikuti pendekatan ini, pembangun boleh memuat turun dengan mudah fail daripada pelayan jauh menggunakan window.fetch() dalam aplikasi pihak klien mereka.

Atas ialah kandungan terperinci Bagaimana untuk Muat Turun Fail dengan window.fetch() dalam Aplikasi Sisi Pelanggan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!