Bagaimana untuk Muat Turun Fail dari API Web ASP.NET menggunakan AngularJS?

Muat turun Fail daripada ASP.NET Web API menggunakan AngularJS

Pengenalan

Mengintegrasikan muat turun fail daripada perkhidmatan web ke dalam aplikasi AngularJS boleh menimbulkan cabaran kerana batasan penyemak imbas. Artikel ini meneroka pelbagai kaedah untuk mengendalikan muat turun fail binari dalam AngularJS.

Kaedah Muat Turun Mudah

Untuk muat turun fail asas, anda hanya boleh mencetuskan permintaan GET menggunakan laluan fail yang disokong pelayar:

$scope.downloadFile = function(downloadPath) {
    window.open(downloadPath, '_blank', '');
}

Muat Turun Perduaan Ajax Kaedah

Untuk melaksanakan muat turun fail binari melalui Ajax, anda boleh menggunakan skrip ini dalam penyemak imbas seperti Chrome, Internet Explorer, Firefox dan Safari. Ambil perhatian bahawa navigator.msSaveBlob hanya berfungsi secara berasingan dalam Internet Explorer 11.

$scope.downloadFile = function(httpPath) {
    // ... (Code omitted for brevity) ...
    try {
        // ... (Code omitted for brevity) ...
        if (navigator.msSaveBlob)
            navigator.msSaveBlob(blob, filename);
        else {
            // ... (Code omitted for brevity) ...
        }
    } catch (ex) {
        // ... (Code omitted for brevity) ...
    }

    if (!success) {
        // ... (Code omitted for brevity) ...
    }
}

Penggunaan:

var downloadPath = "/files/sample.pdf";
$scope.downloadFile(downloadPath);

Pengepala Respons API Web yang Diperlukan

Untuk memastikan muat turun fail yang betul, kaedah API Web anda harus mengembalikan perkara berikut pengepala:

• x-nama fail: Pengepala tersuai yang mengandungi nama fail.
• jenis kandungan: Pengepala mime yang menentukan fail format.

Kesimpulan

Artikel ini menyediakan beberapa pendekatan untuk menguruskan muat turun fail daripada perkhidmatan API Web dalam aplikasi AngularJS. Berdasarkan keupayaan dan keperluan penyemak imbas khusus projek anda, pilih kaedah yang paling sesuai dengan keperluan anda.

Atas ialah kandungan terperinci Bagaimana untuk Muat Turun Fail dari API Web ASP.NET menggunakan AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!