我附加了一個不同的串列檔案。我想下載一個檔案。我的 API 作業正常。我檢查了 Postman,Diff 格式 - xlsx pptx doc docx ppt xls 檔案正在下載,我可以打開它。
來到 React UI - 當我集成 API 時 -
我用過的npm,
const FileDownload = require("js-file-download");
FileDownload(MyEncrypetedData, key.attachmentName);
檔案正在下載,當我打開以下擴展名的任何格式的檔案 - .xlsx、.pptx、.doc、.docx、xls 檔案時,它已損壞。
無法打開檔案。任何想法?如何解決這個問題?
任何幫助,將不勝感激。或任何其他軟體包,(請讓我知道如何集成它)
uj5u.com熱心網友回復:
您可以使用 axios 和 responseType Blob 下載任何型別的檔案。
方法 - 1
axios({
url: 'http://localhost:5000/static/example.pdf',
method: 'GET',
responseType: 'blob', // important
}).then((response) => {
const url = window.URL.createObjectURL(response.data));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file.pdf');
document.body.appendChild(link);
link.click();
});
方法 - 2(使用檔案保護程式 npm)
從“檔案保護程式”匯入 { saveAs }
axios({
url: 'http://localhost:5000/static/example.pdf',
method: 'GET',
responseType: 'blob', // important
}).then((response) => {
saveAs(response.data, "anyfileName.pdf"); // Extension can be anything
});
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/503824.html
標籤:javascript 反应 npm 下载
上一篇:運行npminstall--legacy-peer-deps時,出現錯誤:除錯失敗。未處理的語法種類:未知
下一篇:如何在反應順風中添加鏈接?