這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)JavaScript Blob對(duì)象如何使用,文章內(nèi)容豐富且以專(zhuān)業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
在武安等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專(zhuān)注、極致的服務(wù)理念,為客戶提供網(wǎng)站制作、做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營(yíng)銷(xiāo),外貿(mào)網(wǎng)站建設(shè),武安網(wǎng)站建設(shè)費(fèi)用合理。Blob是JavaScript內(nèi)建對(duì)象,表示不可變的原始數(shù)據(jù),類(lèi)似文件的對(duì)象。
blob是表示原始數(shù)據(jù)的不可變對(duì)象,這些數(shù)據(jù)不一定是JavaScript原生格式的,文件接口基于Blob,繼承Blob功能并將其擴(kuò)展為支持用戶系統(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ì)輸出:22
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' }));
輸出
上述就是小編為大家分享的JavaScript Blob對(duì)象如何使用了,如果剛好有類(lèi)似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道。