原文:c#后端返回文件的二進制數據,前端直接生成blob對象創建的文件是錯誤的!

本文只是記錄實現過程中,所遇到的問題,等下次再遇到時,能夠輕松解決。 這是后端的返回結果,文件的二進制數組在data里。 剛開始我的js代碼是這樣寫的 結果下載的文件內容是我返回的二進制。 后面搜尋了多方資料,找到了原因。我返回的二進制數組他的類型被js認為是array,而創建blob對象的函數,只接受ArrayBuffer,ArrayBufferView,Blob類型的數據,所以我們只需要將返回 ...

2020-02-17 15:08 0 1171 推薦指數:

查看詳情

前端H5中JS用FileReader對象讀取blob對象二進制數據文件傳輸

HTML5中的Blob對象只是二進制數據的容器,本身並不能操作二進制,故本篇將對其操作對象FileReader進行介紹。 FileReader FileReader主要用於將文件內容讀入內存,通過一系列異步接口,可以在主線程中訪問本地文件。 使用FileReader對象,web應用程序 ...

Wed Jun 12 03:46:00 CST 2019 2 11052
前端處理后端接口返回二進制數據流並下載成文件

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

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

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

Sat Dec 11 00:39:00 CST 2021 0 160
JavaScript Blob二進制文件對象(二)使用示例

JavaScript Blob二進制文件對象(二)使用示例 1.Blob 構造函數用法舉例 Blob() 構造函數允許通過其它對象創建 Blob 對象。比如,用字符串構建一個 blob: 2.使用 Blob 創建一個指向類型化數組的URL 參考下面的代碼 ...

Sat Aug 29 23:22:00 CST 2020 0 499
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM