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

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

Linda Hamilton
Lepaskan: 2024-10-23 07:27:01
asal
716 orang telah melayarinya

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);
  });
}
Salin selepas log masuk

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!

sumber:php
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan