2019獨角獸企業重金招聘Python工程師標準>>>

什么是Blob？Blob是一種JavaScript的對象類型。HTML5的文件操作對象，file對象就是Blob的一個分支或說一個子集。

Blob 存儲大量的二進制數據，Blob自己本身的屬性有兩個，分別是：size 和 type ,在原型中有個很有用的方法：slice();

slice()方法在js很多對象中都有，其作用也類似，都是用來截取，Blob中的slice也一樣，也是用來截取，不過這里截取的是

文件數據二進制字符，也相當是數據，因為二進制字符表示的就是數據本身，同時這里大家也更愿意成為切片分割，意思是把

Blob 中保存的數據分成一塊一塊的，大文件上傳時，由于上傳限制，就會有需要用到這個切片，把文件分片上傳。

正式介紹用法：

首先創建一個Blob對象，實例化構造函數，接受兩個參數，第一個為一個數據,第二個參數，是一個包含了兩個屬性的對象，

其兩個屬性分別是：type -- MIME 的類型。endings -- 決定 append() 的數據格式，（數據中的 \n 如何被轉換）

可以取值為 "transparent" 或者 "native"（t* 的話不變，n* 的話按操作系統轉換；t* 為默認） 。

讀取數據和file文件對象是一樣的，用FileReader文件讀取器對象去讀取數據。

var ? blob=new Blob( ["數據"] , { type:'text/plain' } ) ?//創建Blob對象var read=new FileReader(); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//創建讀取器對象FileReaderread.readAsText(bolb); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? //開始讀取文件read.onload=function () { ? ? ? ? ? ? ? ? ? ? ? ? ? ?? //數據讀完會觸發onload事件console.log(read.result); ? ? ? ? ? ? ? ? ? ? ? ? ? //read有個result屬性存放這結果，從result獲取到數據}

轉載于:https://my.oschina.net/shuaihong/blog/2999195

總結

以上是生活随笔為你收集整理的js Blob对象介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。