axios下載文件亂碼問題 無法解壓 文件損壞


/* 下載附件 */
        downloadFile(fileName) {
            // window.open(url);
            var that = this;
            var url = "PO2116"; //接口地址
            that.$http
                ({
                    url:url + "?filePath=" + fileName,
                    method: 'post',
                    headers:{
                        'Content-Type': 'application/json; application/octet-stream'
                    },
                    responseType: 'blob',
                })
                .then(res => {
                    console.log(res)
                    const blob = new Blob([res.data]);
                    const downloadElement = document.createElement("a");
                    const href = window.URL.createObjectURL(blob);
                    //后台再header中傳文件名
                    const name = fileName;
                    downloadElement.href = href;
                    downloadElement.download = name;
                    document.body.appendChild(downloadElement);
                    downloadElement.click();
                    document.body.removeChild(downloadElement); // 下載完成移除元素
                    window.URL.revokeObjectURL(href); // 釋放掉blob對象
 
 
                });
        },

  

這倆是重點

headers:{
           'Content-Type': 'application/json; application/octet-stream'
},
 responseType: 'blob',

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM