Blob.type

Blob オブジェクトの type プロパティは、ファイルの MIME type を返します。

シンタックス

var mimetype = blob.type

ファイルの MIME タイプを含む DOMString、または型が特定できなかった場合は空文字列を指定します。

この例では、ユーザーにいくつかのファイルを選択してもらい、各ファイルが指定された画像ファイルタイプのセットのいずれかであるかどうかを確認します。

var i, fileInput, files, allowedFileTypes;

// fileInput は HTMLInputElement <input type="file" multiple id="myfileinput"> です。
fileInput = document.getElementById("myfileinput");

// files は FileList オブジェクトです (NodeList に似ています)。
files = fileInput.files;

// 私たちのアプリケーションは GIF、PNG、JPEG 画像のみを許可しています。
allowedFileTypes = ["image/png", "image/jpeg", "image/gif"];

for (i = 0; i < files.length; i++) {
  // file.type が許可されたファイルタイプであるかどうかをテストします。
  if (allowedFileTypes.indexOf(files[i].type) > -1) {
    // マッチしたファイルタイプは、許可されているファイルタイプの一つです。ここで何か処理を行います。
  }
});

仕様

仕様書 ステータス コメント
File API
Blob.type の定義
草案 初期定義

ブラウザの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
typeChrome 完全対応 5Edge 完全対応 12Firefox 完全対応 4IE 完全対応 10Opera 完全対応 11Safari 完全対応 5.1WebView Android 未対応 なしChrome Android 完全対応 18Firefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応
未対応  
未対応

あわせて参照