Rumah  >  Artikel  >  hujung hadapan web  >  Cara Muat Turun Fail Menggunakan window.fetch() dalam Kod Sisi Pelanggan

Cara Muat Turun Fail Menggunakan window.fetch() dalam Kod Sisi Pelanggan

Linda Hamilton
Linda Hamiltonasal
2024-10-23 07:27:01615semak imbas

How to Download Files Using window.fetch() in Client-Side Code

Memuat Turun Fail Menggunakan window.fetch()

Dalam coretan kod sisi klien yang anda berikan, anda boleh melengkapkan sekatan kemudian untuk memuat turun fail seperti berikut:

function downloadFile(token, fileId) {
  let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`;
  return fetch(url, {
    method: 'GET',
    headers: {
      'Authorization': token
    }
  }).then(res => res.blob()).then(blob => {
    // Create a URL for the Blob and assign it to the window location
    var file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });
}

Kod ini menawarkan penyelesaian yang lebih cekap dan bebas perpustakaan berbanding menggunakan perpustakaan luaran. Ia memanfaatkan API window.fetch() untuk mendapatkan semula fail daripada URL yang disediakan. Kaedah res.blob() menukarkan respons kepada objek Blob, mewakili data fail.

Seterusnya, kami mencipta URL untuk Blob menggunakan window.URL.createObjectURL() dan menetapkannya pada tetingkap. harta lokasi. Ini memulakan tindakan muat turun untuk fail, tanpa memerlukan perpustakaan tambahan atau pemprosesan yang rumit.

Atas ialah kandungan terperinci Cara Muat Turun Fail Menggunakan window.fetch() dalam Kod Sisi Pelanggan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn