日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

JavaScript Blob 對象解析

 

Blob是JAVAScript內建對象,表示不可變的原始數據的類似文件的對象。

blob是表示原始數據的不可變對象,這些數據不一定是JavaScript原生格式的,文件接口基于Blob,繼承Blob功能并將其擴展為支持用戶系統上的文件。

Blob有很多用途:

  • 可以從網絡的內容創建。
  • 可以保存到磁盤或從磁盤讀取。
  • 例如,它們是FileReader API中使用的File的基礎數據結構。

我們可以使用 Blob() 構造函數從其他非blob對象和數據構造Blob。

Blob構造函數

Blob構造函數允許從其他對象創建Blob。例如,從字符串構造Blob。

let hero = {name: 'Batman'}
let blobObject = new Blob([JSON.stringify(hero, null, 2)], { type: 'Application/json' });
console.log(blobObject);

現在,如果我們在瀏覽器中運行此文件,我們將在瀏覽器控制臺中看到以下輸出。

JavaScript Blob 對象解析

 

Blob size 屬性

Blob.size 屬性返回Blob或File的大小(以字節為單位)。

var sizeInBytes = blob.size

參見以下示例。

let hero = {name: 'Batman'}
let blobObject = new Blob([JSON.stringify(hero, null, 2)],{ type: 'application/json' });
console.log(blobObject.size); 

將會輸出

JavaScript Blob 對象解析

 

Blob.slice() 方法

Blob.slice() 函數用于創建新的Blob對象,該對象包含源Blob的指定字節范圍內的數據。

instanceOfBlob.slice([start [, end [, contentType]]]);

參見以下代碼。

let hero = {name: 'Batman'}
let blobObject = new Blob([JSON.stringify(hero, null, 2)], { type: 'application/json' });
console.log(blobObject.slice(10, 16, { type: 'application/json' }));  

輸出

JavaScript Blob 對象解析

 

總結

使用二進制遠程文件時,Blob非常有用。

Blob可能非常大,即也可能包含音頻和視頻數據。可以動態創建它們,并使用Blob URL用作文件。我們可以通過多種不同方式使用它們,以使它們更有用。

分享到:
標簽:JavaScript Blob
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定