このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
Blob: size プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
メモ: この機能はウェブワーカー内で利用可能です。
size は Blob インターフェイスのプロパティで、この Blob または File の大きさをバイト単位で返します。
値
Blob (または Blob ベースのオブジェクト、例えば File)内に含まれるデータのバイト数です。
例
この例では、 <input> 要素の file 型を使用して、ユーザーにファイルのグループを尋ね、それらのファイルを繰り返し処理して、その名前と長さをバイト単位で出力しています。
HTML
html
<input type="file" id="input" multiple />
<output id="output">ファイルを選択してください...</output>
output {
display: block;
margin-top: 16px;
}
JavaScript
js
const input = document.getElementById("input");
const output = document.getElementById("output");
input.addEventListener("change", (event) => {
output.innerText = "";
for (const file of event.target.files) {
output.innerText += `${file.name} の大きさは ${file.size} バイトです。\n`;
}
});
結果
[フレーム]
仕様書
| 仕様書 |
|---|
| File API # dfn-size |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。