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
相關文章:
主站蜘蛛池模板: 久久久激情 | 成人福利网站 | 蜜桃视频一区二区三区 | 欧美a在线| 久久久www成人免费无遮挡大片 | 久久久精品影院 | 久久久久国产一区二区三区 | 精品一二区 | 国产精品免费一区二区三区 | 黄色一级毛片免费看 | 亚洲国产精品久久久久久 | 日韩中文字幕网 | 一级片在线视频 | 欧美激情 亚洲 | 99pao成人国产永久免费视频 | 正在播放国产精品 | 国产三级日本三级 | 亚洲日本激情 | 国产成人综合在线 | 亚洲一区| www.久久久久久久久久久久 | 国产亚洲一区二区三区在线观看 | 欧美中文字幕在线观看 | 国产色网站 | 亚洲免费三级 | 欧洲精品久久久久毛片完整版 | 91国内精品久久 | 免费一区二区 | 欧美女优在线观看 | 亚洲综合电影 | 日韩中文字幕在线播放 | 欧美成人一区二区三区 | 中文字幕一区二区三区不卡 | 亚洲高清免费观看 | 午夜精品一区二区三区免费视频 | 精品久久电影 | 91精品无人区卡一卡二卡三 | 久草免费在线视频 | 97久久精品午夜一区二区 | 中文一区 | 亚洲一卡二卡 |