js Blob對象介紹

什麼是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();                                 //創建讀取器對象FileReader

                read.readAsText(bolb);                                 //開始讀取文件

                read.onload=function () {                             //數據讀完會觸發onload事件

                     console.log(read.result);                          //read有個result屬性存放這結果,從result獲取到數據

                 }













   

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章