原文:axios請求設置responseType為'blob'或'arraybuffer'下載時,正確處理返回值

問題:調用后台圖片接口,后台返回二進制流圖片數據格式。前端接收到流后處理數據顯示在img標簽。 解決: 先設置axios接收參數格式為 arraybuffer : 轉換為base 格式圖片數據在img標簽顯示: 返回的string直接放在img標簽src可直接顯示 先設置axios接收參數格式為 blob : 通過a標簽下載文件 前言 使用axios請求api下載導出一個文件時,接口返回值可能會 ...

2021-09-30 17:46 0 696 推薦指數:

查看詳情

axios設置responseType之后仍然接收不到正確Blob對象

  有些項目導出功能是通過Blob對象實現的,代碼差不多可能大概類似長這個樣子:   其中,關鍵語句就是responseType。它表示的是服務器響應的數據類型,正常能獲取到的響應體res打印出來大致是這樣的,如圖1所示: 圖1 正確Blob對象   但是如果設置 ...

Sat Aug 01 00:53:00 CST 2020 0 3097
vue+axios實現文件下載——請求responseTypeblob

vue+axios實現文件下載 功能:點擊導出按鈕,提交請求下載excel文件; 第一步:跟后端童鞋確認交付的接口的response header設置了 以及返回了文件流。 第二步:修改axios請求 ...

Fri Dec 04 04:31:00 CST 2020 0 2685
導出接口設置responseType: 'blob'當失敗處理方法

axios設置instance.defaults.responseType = 'blob請求下載導出一個文件,請求成功返回的是一個流形式的文件,正常導出文件。但是請求失敗的時候后端返回的是json ,不會處理錯誤信息,而是直接導出包含錯誤信息的文件。這樣拿到data中的數據就只有size ...

Wed Mar 30 00:43:00 CST 2022 0 1502
文件流轉換(一般用於axios設置接收文件流設置responseType: 'blob')

  文件流轉換 一般用於axios設置接收文件流設置responseType: 'blob'當接口報錯,前端因已設置responseType: 'blob'無法再接收json格式數據,會把json格式數據轉為blob格式,而到了這里攔截器已無法識別blob進而無法對blob數據進行攔截 ...

Sat Jul 10 23:08:00 CST 2021 0 156
axios下載文件(responseType:‘blob‘),判斷是下載成功返回了二進制流還是失敗返回了對象(比如服務端拒絕,返回對象,前端如果依然按二進制流處理會導致下載undefined文件)

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

Sat Dec 11 00:39:00 CST 2021 0 160
Vue項目axios請求設置responseType無效

Vue中有導出功能,是通過流來下載文件,但是下載后表格文件打不開,格式有誤; 因為流文件下載需要設置responseType = 'blob',但是看控制台接口找不到這個屬性,接口返回data也是一堆亂碼,什么鬼。。。 用了兩個小時的時間,終於找到了原因,實測可行:因為項目 ...

Thu Aug 12 22:12:00 CST 2021 0 278
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM