Blob是JavaScript內(nèi)建對(duì)象，表示不可變的原始數(shù)據(jù)的類(lèi)似文件的對(duì)象。

blob是表示原始數(shù)據(jù)的不可變對(duì)象，這些數(shù)據(jù)不一定是javascript原生格式的，文件接口基于Blob，繼承Blob功能并將其擴(kuò)展為支持用戶(hù)系統(tǒng)上的文件。

Blob有很多用途：

• 可以從網(wǎng)絡(luò)的內(nèi)容創(chuàng)建。
• 可以保存到磁盤(pán)或從磁盤(pán)讀取。
• 例如，它們是FileReader API中使用的File的基礎(chǔ)數(shù)據(jù)結(jié)構(gòu)。

我們可以使用 Blob() 構(gòu)造函數(shù)從其他非blob對(duì)象和數(shù)據(jù)構(gòu)造Blob。

Blob構(gòu)造函數(shù)

Blob構(gòu)造函數(shù)允許從其他對(duì)象創(chuàng)建Blob。例如，從字符串構(gòu)造Blob。

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

現(xiàn)在，如果我們?cè)跒g覽器中運(yùn)行此文件，我們將在瀏覽器控制臺(tái)中看到以下輸出。

Blob size 屬性

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

var sizeInBytes = blob.size

參見(jiàn)以下示例。

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

將會(huì)輸出

Blob.slice() 方法

Blob.slice() 函數(shù)用于創(chuàng)建新的Blob對(duì)象，該對(duì)象包含源Blob的指定字節(jié)范圍內(nèi)的數(shù)據(jù)。

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

參見(jiàn)以下代碼。

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' }));

輸出

總結(jié)

使用二進(jìn)制遠(yuǎn)程文件時(shí)，Blob非常有用。

Blob可能非常大，即也可能包含音頻和視頻數(shù)據(jù)。可以動(dòng)態(tài)創(chuàng)建它們，并使用Blob URL用作文件。我們可以通過(guò)多種不同方式使用它們，以使它們更有用。

---

如果對(duì)你有所啟發(fā)和幫助，可以點(diǎn)個(gè)關(guān)注、收藏，也可以留言討論，這是對(duì)作者的最大鼓勵(lì)。

作者簡(jiǎn)介：Web前端工程師，全棧開(kāi)發(fā)工程師、持續(xù)學(xué)習(xí)者。

私信回復(fù)：大禮包，送某網(wǎng)精品視頻課程網(wǎng)盤(pán)資料，準(zhǔn)能為你節(jié)省不少錢(qián)！

#科技青年# #432頭條知識(shí)節(jié)#

總結(jié)

以上是生活随笔為你收集整理的blob转file对象_JavaScript Blob 对象解析的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。