av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript Blob對象原理及用法詳解

瀏覽:116日期:2023-10-11 11:48:56

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

將會輸出:22

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
相關文章:
主站蜘蛛池模板: 久久久亚洲一区 | 成人免费视频播放 | 国产美女高潮 | 欧美亚洲激情 | 欧美成人精品 | 成人伊人 | 日韩成人免费中文字幕 | 在线观看中文字幕视频 | 天天干人人 | 亚洲成网站 | 91久久 | 91视频国产区 | 日本天天操 | 啪啪免费 | 久久一区二区视频 | 国产精品福利视频 | 精品一区二区三区在线观看国产 | 午夜影院在线观看视频 | www,黄色,com| 日韩免费视频一区二区 | 亚洲品质自拍视频 | 日韩中文字幕在线视频 | 成人在线视频观看 | 国产精品久久久乱弄 | 亚洲精品国产成人 | 久久成人精品视频 | 亚洲97| 欧美日韩亚洲一区 | 久久精品99国产精品日本 | 国产成人精品免费视频 | 成年免费大片黄在线观看岛国 | 欧美啊v在线观看 | 欧美中文字幕在线观看 | 华丽的挑战在线观看 | 久久久久国产一区二区三区 | 久久久女女女女999久久 | av激情在线 | 国产精品www | 黄色a视频 | 国产一级电影在线观看 | 久久免费精品视频 |