DOM

インターフェイス

HTMLInputElement.files プロパティ

 編集:2022.11.06 by T.A.

[Edge]。→mdnmdn(en-US)

HTMLInputElementtype が file の場合、指定したファイルのリストを FileList で返します。

mdn: <input type="file"> 要素で選択された FileList にアクセスできるようにするプロパティ。

HTMLInputElement.files
HTMLInputElement HTMLInputElement

FileList

HTML:

<INPUT id=IdTest type=file multiple>

JavaScript:

D=IdTest.files;  //=[object]:[object FileList]。2つのファイルを選択した。
	//0=[object]:[object File]
	//1=[object]:[object File]
	//length=[number]:2
	//item=[function]:function item() { [native code] }

D[0]:

=[object]:[object File]
name=[string]:持部品.css
lastModified=[number]:1643810052201
lastModifiedDate=[object]:Wed Feb 02 2022 22:54:12 GMT+0900 (日本標準時)
webkitRelativePath=[string]:
size=[number]:2148
type=[string]:text/css
arrayBuffer=[function]:function arrayBuffer() { [native code] }
slice=[function]:function slice() { [native code] }
stream=[function]:function stream() { [native code] }
text=[function]:function text() { [native code] }

D[1]:

=[object]:[object File]
name=[string]:持部品.htm
lastModified=[number]:1659680764531
lastModifiedDate=[object]:Fri Aug 05 2022 15:26:04 GMT+0900 (日本標準時)
webkitRelativePath=[string]:
size=[number]:574972
type=[string]:text/html
arrayBuffer=[function]:function arrayBuffer() { [native code] }
slice=[function]:function slice() { [native code] }
stream=[function]:function stream() { [native code] }
text=[function]:function text() { [native code] }

File


テスト
HTML:


ここにHTMLが表示される
スクリプト組み込み:
JavaScript:


JavaScript:



表示内容:
表示内容: