Bagaimana untuk Mencetuskan Muat Turun Fail Secara Asynchronous dengan Ajax?

Memuat Turun Fail Secara Asynchronous Menggunakan Ajax

Apabila memuat turun fail menggunakan Ajax, data yang dikembalikan biasanya dipaparkan sebagai strim Binari. Walau bagaimanapun, jika anda ingin membuka tetingkap muat turun fail, anda boleh mengambil langkah berikut:

Kemas Kini Pelayar Moden 2019

Pendekatan ini disyorkan untuk penyemak imbas moden:

• Gunakan API pengambilan untuk mendapatkan fail sebagai Blob.
• Jana URL unik untuk Blob menggunakan window.URL.createObjectURL.
• Buat elemen, tetapkan atribut hrefnya kepada URL yang dijana dan nyatakan nama fail yang diingini menggunakan atribut muat turun.
• Tambahkan elemen pada badan Dokumen.
• Laksanakan acara klik pada elemen.
• Batalkan URL yang dijana menggunakan window.URL.revokeObjectURL.
• Paparkan mesej untuk memberitahu pengguna bahawa fail telah dimuat turun.

Contoh Kod:

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(resp => resp.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    a.download = 'todo-1.json';
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!');
  })
  .catch(() => alert('oh no!'));

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Muat Turun Fail Secara Asynchronous dengan Ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!