前端讀取Blob內容

2022-06-05 23:39:11 字數 1186 閱讀 2215

function download(blob)
var debug = ;
blob內容的讀取,主要有兩種方式,filereader和response。

filereader顧名思義,這個物件主要就是用來讀取檔案內容,相容性比較好,有以下幾種讀取內容格式:readasarraybufferreadasbinarystringreadasdataurlreaddastextfilereader讀取方法主要如下所示:

var reader = new filereader()

reader.addeventlistener('loadend', function (e)

console.log(e.target.result)

})reader.readastext(blob)

responsefetch api的乙個介面,呈現的是對一次請求資料的響應。瀏覽器相容性比filereader要差點,支援chrome 42+firefox 39+

response例項化

let myresponse = new response(body, init)
body

init

response實現了body介面,所以,在例項化response時,可以呼叫body.blob()body.formdata()body.json()body.text()序列化返回值,返回值是乙個promise。具體實現方法如下所示:

var blobreader = new response(blob).json()

blobreader.then(res => )

BLOB欄位資料讀取

因為開發的時候公司的專案,所以只能說明不能截圖了,在這裡請大家諒解。blob這個字段,首先是存大資料的,本人倒是不建議在資料庫中存入那麼大的資料,影響伺服器效能。而且如果表沒有採用分布儲存,沒有考慮維護,一段時間就會很大,本人一點見解,表大小超過1g的容量時候,明顯影響資料讀取速度。這個扯的有點遠了...

blob檔案的儲存和讀取

一 blob檔案的儲存 1.實體類 private byte newphoto 資料庫儲存注意返回值型別為位元組陣列,資料庫型別為blob 2.jsp頁面 3.controller檔案 multipartfile multipartfile multipartrequest.getfile file...

利用Blob實現前端匯出Excel,Doc等檔案

最近的工作中遇到了一項新的需求,即使用者需要點選按鈕實現匯出乙份excel或者doc文件。如何實現呢?這就需要用到blob物件了。何為blob?引用mdn的話 blob物件表示乙個不可變 原始資料的類檔案物件。它的資料可以按文字或二進位制的格式進行讀取。blob是乙個建構函式,建立乙個blob的操作...