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
相關文章:
主站蜘蛛池模板: 日韩有码在线观看 | 欧美日韩网站 | 中文字幕在线视频观看 | 精品久久久一区二区 | av天天看| 国产精品久久久久久久久久久新郎 | 国产999精品久久久久久绿帽 | 国产精品久久久久久久免费观看 | 狠狠婷婷综合久久久久久妖精 | 免费在线观看一区二区三区 | 色资源在线观看 | 九色 在线 | 一级黄色网页 | 毛片入口 | 中文成人在线 | 成人在线观看网址 | 中文字幕在线免费观看 | 男人的天堂在线视频 | 久久久成人网 | 日韩欧美天堂 | 国产综合精品一区二区三区 | 国产一区二区三区免费 | 亚洲视频免费在线播放 | 欧美日韩高清一区二区三区 | 涩涩视频在线观看 | 久久天堂网| 日韩在线欧美 | 亚洲专区在线 | 夜夜骑天天干 | 日韩欧美在线视频 | 精品亚洲一区二区三区四区五区 | 99re国产| 亚洲一区av在线 | 三级在线观看 | 99热精品久久 | 色又黄又爽网站www久久 | av网站在线看 | 精品一区二区不卡 | 国产精品久久一区 | 黄色91在线 | 精品久久久久久 |