Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Muat Turun Fail Menggunakan window.fetch()?

Bagaimana untuk Muat Turun Fail Menggunakan window.fetch()?

Linda Hamilton
Lepaskan: 2024-10-23 07:29:01
asal
585 orang telah melayarinya

How to Download Files Using window.fetch()?

Memuat turun Fail dengan window.fetch()

Apabila memuat turun fail menggunakan API window.fetch(), anda perlu merantai kemudian( ) blok ke panggilan fetch() untuk mengendalikan respons. Begini cara anda boleh melakukannya:

<code class="javascript">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 => {
    // Handle the response here
  });
}</code>
Salin selepas log masuk

Dalam blok then(), anda biasanya boleh menggunakan langkah berikut untuk memuat turun fail:

  1. Tukar respons kepada gumpalan : res.blob().then(blob => {});
  2. Buat URL untuk gumpalan: var file = window.URL.createObjectURL(blob);
  3. Tetapkan URL ke window.location untuk mencetuskan muat turun: window.location.assign(file);

Berikut ialah alternatif yang lebih pendek dan lebih cekap yang hanya menggunakan API pengambilan:

<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 => {
    var file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });</code>
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Muat Turun Fail Menggunakan window.fetch()?. 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