SYNCERのロゴ
アイキャッチ画像

File - ファイル

Fileは、個々のファイルを管理する機能を備えたインターフェイスです。

概要

名前
File
継承
IDL
[Constructor(sequence<BlobPart> fileBits, USVString fileName, optional FilePropertyBag options), Exposed=(Window,Worker), Serializable]
interface File : Blob {
  readonly attribute DOMString name;
  readonly attribute long long lastModified;
};

dictionary FilePropertyBag : BlobPropertyBag {
  long long lastModified;
};

typedef (BufferSource or Blob or USVString) BlobPart;

dictionary BlobPropertyBag {
  DOMString type = "";
};

typedef (ArrayBufferView or ArrayBuffer) BufferSource;

typedef (Int8Array or Int16Array or Int32Array or Uint8Array or Uint16Array or Uint32Array or Uint8ClampedArray or Float32Array or Float64Array or DataView) ArrayBufferView;
仕様書
https://w3c.github.io/FileAPI/#dfn-file

チュートリアル

Fileは、input要素のFileListから取得できます。

<input type="file" multiple id="hoge">
// 要素を取得
var element = document.getElementById( "hoge" ) ;

// FileListを取得
var fileList = element.files ;

// Fileを取得
var file = fileList[0] ;

プロパティ

lastModified

ファイルの最終更新時刻を表すUnix timestampを数値で返します。

name

ファイル名を文字列で返します。

メソッド

固有のメソッドはありません。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
File 5.1+ 10+
lastModified 43+ 35+ 10+×× 30+ 10.0+×
name 7.1+ 10+ 15+ 8.3+ 4.0+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月4日 (水)
コンテンツを公開しました。