原文:前端處理后端接口返回的二進制數據流並下載成文件

首先看沒處理時接口返回的數據,會發現是亂碼的。。。 解決亂碼需要在請求接口時,加上配置responseType: blob ,例如在vue中使用axios的http請求 加上之后返回的數據就是這樣的 接下來就是處理數據文件並下載 ...

2022-02-25 16:04 0 2196 推薦指數:

查看詳情

后端返回二進制文件前端處理下載

處理邏輯:獲取返回文件,通過 Blob 對象構造文件下載。 function download(data, filename, type="application/vnd.ms-excel") { let file = new Blob([data], { type ...

Thu Dec 03 23:25:00 CST 2020 0 500
axios下載文件(responseType:‘blob‘),判斷是下載成功返回二進制還是失敗返回了對象(比如服務端拒絕,返回對象,前端如果依然按二進制處理會導致下載undefined文件

比如前后端約定,下載成功返回二進制下載失敗返回對象{code: 0, msg: ‘失敗原因’} 問題:當下載文件時,axios配置responseType: ‘blob’,此時后台返回數據會被強制轉為blob類型;如果后台返回失敗對象,前端也無法得知,如果按正常處理會得到名為 ...

Sat Dec 11 00:39:00 CST 2021 0 160
后端返回二進制文件前端vue實現在線預覽

這是封裝axios,請求方法(post為例)↑↑↑↑ import {view,img} from '@/assets/js/axios.js'//在需要用的.vue文件引入 pdf的話利用pdf.js插件↓↓↓↓↓ 圖片的話↓↓↓↓↓ ...

Tue Jul 07 19:30:00 CST 2020 0 7789
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM