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
Lepaskan: 2024-11-08 11:03:02
asal
664 orang telah melayarinya

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

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!

sumber:php.cn
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