Rumah >hujung hadapan web >tutorial js >Cara Muat Turun Fail dalam Angular2 dan Ke Atas: Panduan Langkah demi Langkah

Cara Muat Turun Fail dalam Angular2 dan Ke Atas: Panduan Langkah demi Langkah

Patricia Arquette
Patricia Arquetteasal
2024-11-08 11:03:02723semak imbas

How to Download Files in Angular2 and Above: A Step-by-Step Guide

Cara Muat Turun Fail Menggunakan Angular2 atau Di Atas

Angular2 memperkenalkan perubahan ketara pada cara fail dimuat turun. Memahami cara Angular menyimpan fail boleh menjadi satu cabaran, terutamanya bagi mereka yang terbiasa dengan amalan yang digunakan dalam versi lama.

Untuk memuat turun fail dalam Angular2, ikut langkah berikut:

  1. Buat fungsi yang mengendalikan permintaan muat turun, melanggan pemerhatian yang dikembalikan.
  2. Dalam panggilan balik langgan, cipta objek Blob daripada data yang dimuat turun.
  3. Gunakan kaedah URL.createObjectURL() untuk mencipta URL untuk Blob.
  4. Buka URL dalam tetingkap baharu untuk memulakan muat turun fail.

Contoh pelaksanaan disediakan di bawah:

downloadfile(type: string){

  this.pservice.downloadfile(this.rundata.name, type)
      .subscribe(data => this.downloadFile(data),
                  error => console.log("Error downloading the file."),
                  () => console.log('Completed file download.'));
}

downloadFile(data: Response) {
  const blob = new Blob([data], { type: 'application/octet-stream' });
  const url = window.URL.createObjectURL(blob);
  window.open(url);
}

Nota:

Pastikan anda telah mengimport rxjs/Rx untuk membolehkan penggunaan pemerhatian.

Atas ialah kandungan terperinci Cara Muat Turun Fail dalam Angular2 dan Ke Atas: Panduan Langkah demi Langkah. 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