首頁猿問處理來自 api 調(diào)用的文件下載

處理來自 api 調(diào)用的文件下載

JavaScript

滄海一幻覺 2023-08-10 15:19:37

在反應(yīng)中，axios.post('api/downloadMyFile',?? ? ? ? ? ? data? ? ? ? ? ?).then((response) => {? ? ? ? ? ??? ? ? ? ? ? ?const url = window.URL.createObjectURL(new Blob([response.data]))?? ? ? ? ? ? ?const a = document.createElement('a');? ? ? ? ? ? ?a.href = url;? ? ? ? ? ? ?a.download = "test.zip"??? ? ? ? ? ? ?document.body.appendChild(a);? ? ? ? ? ? ?a.click();? ? ? ? ? ? ?window.URL.revokeObjectURL(url);? ? ? ? ? ?? ? ? ? }).catch((err) => {? ? ? ? ? ??? ? ? ? }?所以文件test.zip正在下載。但是當(dāng)我保存后嘗試打開它時，我在 Windows 中收到壓縮 Zip 文件夾錯誤。另外，我注意到我不需要在行中指定文件的名稱，a.download = "test.zip"? 因?yàn)榫W(wǎng)絡(luò)服務(wù)正在從共享存儲中獲取文件并且它已經(jīng)有一個名稱。那么在這種情況下，我是否還需要在response對象中包含文件名？類似的東西response.filename，這樣我就可以在下面的行中使用它，而不是手動命名它：a.download = response.filename?

查看完整描述

2 回答

蠱毒傳說

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超3個贊

axios.post('api/downloadMyFile',

data

).then((response) => {

const url = window.URL.createObjectURL(new Blob([response.data]))

const a = document.createElement('a');

a.href = url;

a.download = "test.zip"

document.body.appendChild(a);

a.click();

window.URL.revokeObjectURL(url);

}).catch((err) => {

}

所以文件test.zip正在下載。但是當(dāng)我保存后嘗試打開它時，我在 Windows 中收到壓縮 Zip 文件夾錯誤。

另外，我注意到我不需要在行中指定文件的名稱，a.download = "test.zip" 因?yàn)榫W(wǎng)絡(luò)服務(wù)正在從共享存儲中獲取文件并且它已經(jīng)有一個名稱。那么在這種情況下，我是否還需要在response對象中包含文件名？類似的東西response.filename，這樣我就可以在下面的行中使用它，而不是手動命名它：

a.download = response.filename

反對回復(fù) 2023-08-10