仕様書

初期値・現在値

[8] UA は、 value 属性の値を初期ファイル名としても構いません。 HTML 4 17.4.1

活性化動作

[59] 活性化動作は WA1 仕様上規定されていません (2011-09-19T10:44:47.500Z) が、 どの Webブラウザーでもファイルの選択となっています。

[60] ファイル選択制御子は表示の自由度が低く著者に嫌われており、 かわりに非表示にして独自の要素でレンダリングし、 click メソッドで選択ウィンドウを表示させる手法が流行しています。

ファイル選択

[17] ファイル・システム上にないファイル: input type file によって作られるファイル選択制御子は、 必ずしもファイル・システムに現在存在するファイルを選択しなければならないのではありません。 賢い利用者エージェントはその場で文書ファイルを作成したり、 絵を描いたり、録音したりする機能を提供しているかもしれません。

そうはいってもそのことは HTML 4 では明確になっていませんでした。 実際にそのような機能を実装している利用者エージェントがあるのかどうかは不明です。 しかし、 input type を拡張して写真撮影や録音の機能を追加しようという提案 device-upload に対し、 W3C HTML WG は input type file で十分対応できるという結論を下しています。

Web Forms 2.0 はこの辺りの扱いも幾分明確化しようと試みています。

[38] ファイル・システムに存在しないファイルの名前

提出時のファイル名は、 そのファイルがファイル・システムに保存されていない (その場で作られた) ものであるなどの理由でファイル名を陽に持たないなら、 空文字列としなければなりません。 WF2 2.15

提出

[10] 提出の時の挙動についてはフォームの提出の説明をご覧ください。

[37] 失敗の通知

利用者エージェントは、 一般のフォームの提出時の失敗と同様に、 ファイルのうpの失敗についても、 便利でアクセス可能な方法で利用者に説明するべきです。 WF2 2.15

歴史

実装

[19] Netscape Navigator 2 (2.02 日本語版、 Windows 95 版で確認) では Windows 標準の共通対話箱によりファイルを1つ選択できましたが、 ファイルの種類が標準で HTML (拡張子が .html または .htm) に絞られていたため、 他の種類のファイルを選ぶには毎回手動ですべてのファイル に絞り直さなければならず、不便でした。

[12] File Upload CGIで知らないと困ること http://www.tsden.org/ryutaroh/fileupload-j.shtml

現在となっては古い内容ですが、 ブラウザのファイル送信機能の実装には色々と問題があったことが分かります。

[32] WinIE 3 は標準ではファイル選択制御子に対応していません。 追加のソフトウェア部品として提供されていました。

[13] NC4 では、漢字コードの問題で、非 ASCII 文字を含むファイル名のファイルは選択できても送信できないことがありました。

[14] 遠隔ファイル: WinIE で Internet Shortcut を選択すると、 shortcut ではなく、リンク先 URI の資源を取ってきて、その一時ファイルのファイル名が表示・送信されるようです。

Internet Shortcut でない Shortcut がリンク先のファイル名に直されるのと同様、 Common Dialog control の仕様のようです (普通の shortcut のリンク先ににするかどうかは common dialog 呼び出しの option で指定できますから、それと同じ option か、新設の別の option でこの機能を無効化できると思いますが、詳しくは MSDN でも見て調べてください)。 WinIE に限らず、 Mozilla やメモ帳などでも再現しますから、 Common Dialog Control に組み込まれた機能とみて間違いないでしょう。

聞くところによりますと、この機能が実装されているのは Windows Me と Windows 2000 以降の Windows NT だそうです。 おそらく Common Dialog Control の版に依存しますから、 WinIE の版などにも左右されるかもしれません。

[34] file upload http://dog.intcul.tohoku.ac.jp/html/javascript/input_file.html (名無しさん [sage])

[35] Bug 63687 - UI for <input type="file"> allowing multiple files to be uploaded https://bugzilla.mozilla.org/show_bug.cgi?id=63687

[57] ニンテンドー3DSのインターネットブラウザーでうpすると、 3D で撮影された写真も二次元の JPEG になります。 .JPG の適当なファイル名になるようです。

利用可能性

[20] 選択したファイルの大きさに比例して提出に時間がかかるはずです。 利用者エージェントは利用者の便宜を図って、 例えば予想転送時間を算出したり、提出中にそのことを分かりやすく利用者に知らせたり工夫するべきです。

また、大きなファイルを提出させるフォームの著者は、 利用者に時間がかかることの注意を促すと良いかもしれません。 (但しどちらかといえば利用者界面の問題に属するものであって、 著者が深く介入するべきでもないでしょう。)

保安性

[11] ファイル選択制御子を使ってファイルを選択すると、 提出した時のそのファイルが送られることになります。 利用者は、本当に送信しても良いファイルであるのか、 送信しても良い相手なのか、十分に注意するべきです。

[3] 特に、 >>8 のように初期ファイル名を指定できるので、 利用者が十分な確認をせずにフォームを提出してしまうと、 意図せずにファイルを送信してしまうこととなり、危険です。

[15] HTML 4 仕様書は、利用者に明確に確認させずに UAがファイルを送るべきではなく、 確認を取ることが期待されていると述べています。 HTML 4 B.10.1

CSS などで input 要素を非表示にすることもできますが、 それによって利用者が気づかぬうちにファイルが送られてしまうことが無いように UA 実装者は注意しなければならないでしょう。

[16] HTML にはデータを転送する方法が用意されていません。 TLS を使うなど別途安全を確保する必要があります。

また、フォーム処理エージェントはうpされたファイルを適切に扱うべきです HTML 4 B.10.1。

[21] 選択したファイルの情報をスクリプトから取得・ 制御できると便利なこともあるかもしれません。しかし、 利用者が知らないうちに勝手なファイルを送信したり、 勝手にファイルの内容や情報を取得したりするために悪用される危険性もあります。

[48] Webアプリケーションの中には、利用者の体感速度の向上や提出途中のフォーム・データの保存の目的で利用者が意図しないうちに選択されたファイルを (JavaScript によって) 提出するものもあります。 例えば Gmail は添付ファイルを選択すると、 利用者が何もしないうちから選択された添付ファイルを鯖に提出します。

関連

[9] form 要素の enctype 属性は、 file 制御子を使う時には multipart/form-data とするべきです HTML 4 17.3。

歴史

[78] WinIE 3.02 の file upload add-on で実装されました。

• [1] type=file なのに親 form が enctype="multipart/form-data" でない場合の動作ですが、 WinIE6, Mozilla 1.4, Opera 7.20 で application/x-www-form-urlencoded, text/plain (Opera は未対応) ともに、ファイル名が送られました。ファイル名未指定のときには空文字列が送られました。
• [2] 面白いことに、ファイル名は、 WinIE は完全経路名, Opera は完全経路名を " でくくったもの、 Mozilla は狭義のファイル名でした。 (Opera の multipart/form-data との動作の違いに注意。)

• [4] >>2 の Opera の挙動はバグですよねぇ。そもそも >>1 の仮定自体が規格外ですから Opera を責めるつもりはまったくないですけど、引用符で囲むことに意味を見出せません。 Opera は既存ブラウザの互換性を幾分考えて設計されているのですから、わざわざ非互換にしたのだとしたら激しく謎です。

[39] Taken SPC : Firefox 3 における <input type="file"> で指定されたファイルへのアクセス (2007-09-21 14:32:31 +09:00 版) http://taken.s101.xrea.com/blog/article.php?id=809 (名無しさん)

[40] はてなダイアリー日記 - 「今日の1枚」での http:// や ftp:// で始まるURLの入力について (2007-09-20 19:01:35 +09:00 版) http://d.hatena.ne.jp/hatenadiary/20070919/1190166904 (名無しさん)

[41] input type="file" value inconsistencies (Daniel Veditz <dveditz@...> 著, 2007-11-14 07:57:22 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/12396 (名無しさん)

[42] Bug 143220 &#8211; [FIX]Script can get the value of a file control, including the path (2007-12-01 11:45:05 +09:00 版) https://bugzilla.mozilla.org/show_bug.cgi?id=143220 (名無しさん)

[50] ケータイからファイルアップロード 質問と回答(Q&A) [okyuu.com] (2010-03-21 23:31:57 +09:00 版) http://okyuu.com/ja/question/7534

[51] au の W52CA の Webブラウザーでは、 <input type=file> は <input type=text><input type=button value=Browse...> のように解釈されます。

[52] HTML5 Revision Tracker (2010-07-29 07:16:03 +09:00 版) http://html5.org/tools/web-apps-tracker?from=5214&to=5215

[53] [whatwg] Directory upload via <input type="file" directory> (2010-07-29 07:32:34 +09:00 版) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-July/027401.html

[54] HTML Media Capture ( (2010-09-24 02:07:21 +09:00 版)) http://www.w3.org/TR/2010/WD-html-media-capture-20100928/

[55] ハードウェアが特定の条件下ではIEでfilter:alpha(opacity=N)が適用されない - blog.katsuma.tv (blog.katsuma.tv 著, 2011-03-07 12:39:57 +09:00 版) http://blog.katsuma.tv/2011/03/ie_filter_hardware_problem.html

[56] Opera: Opera 11.00 for Windows changelog ( (Frank M. Palinkas, Technical Writer, Opera Software ASA 著, 2011-04-24 11:17:12 +09:00 版)) http://www.opera.com/docs/changelogs/windows/1100/

[64] Web Applications 1.0 r7275 The 'name' of an <input type=file> field has to get newline-normalised. Also, some editorial tweaks. ( (2012-08-26 12:04:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=7274&to=7275

[65] Web Applications 1.0 r7578 Seems nobody implemented the path thing, so let's not leave it in. ( (2012-12-11 05:24:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=7577&to=7578

[66] [whatwg] Proposal: API to ask the user for a file ( (2013-08-30 09:02:48 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-August/040642.html

[67] [whatwg] Forms: <input type=file> and directory tree picking ( (2013-08-30 06:09:44 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-August/040645.html

[68] Web Applications 1.0 r8155 <input type=file>.click() wasn't defined ( (2013-08-30 04:53:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=8154&to=8155

[69] Bug 23497 – Mechanism for allowing cloud storage providers to hook into type=file ( (2013-10-14 22:52:04 +09:00 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=23497

[70] Bug 22682 – Make <input type=file>.files writable ( (2013-10-14 22:53:06 +09:00 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=22682

[71] [whatwg] Forms-related feedback ( (2013-12-03 20:56:46 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-December/041681.html

[72] HTML Standard ( (2014-01-09 07:29:06 +09:00 版)) http://www.whatwg.org/specs/web-apps/current-work/#file-upload-state-(type=file)

[73] Web Applications 1.0 r8367 Revamp 'input' and 'change' event logic for <input> elements. The primary goal here is to make 'input' events fire on type=checkbox, type=radio, and type=file, but this also improves the way other things here are phrased. ( (2013-12-19 09:03:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=8366&to=8367

[74] Re: File upload from a Web browser from Larry Masinter on 1995-07-13 (stdin) ( (Larry Masinter (masinter_at_parc.xerox.com) 著, 2012-12-27 02:33:20 +09:00 版)) http://inkdroid.org/tmp/www-talk/9375.html

[75] File upload in HTML forms from Ernesto Nebel on 1994-09-23 (stdin) ( (Ernesto Nebel (nebel_at_xsoft.sd.xerox.com) 著, 2012-12-27 02:33:18 +09:00 版)) http://inkdroid.org/tmp/www-talk/6740.html

[76] Welcome to Netscape Navigator Version 2.0 ( (2014-04-07 08:48:41 +09:00 版)) http://web.archive.org/web/20030202175634/http://wp.netscape.com/eng/mozilla/2.0/relnotes/windows-2.0.html#Images

[22] Clear internal value when <input> changes to type="file" state · whatwg/html@a55d6e6 (2015-09-17 14:36:46 +09:00 版) https://github.com/whatwg/html/commit/a55d6e6b5e78c62fa8b3a78e818f8b2323536f8f

[23] IE11 では、 文書中にない要素で click してもダイアログは表示されません。 Firefox や Chrome では表示されます。 2015-09-29T09:18:17.900Z

[24] File and Directory Upload in Chrome - Google ドキュメント ( (2016-05-13 09:09:10 +09:00)) https://docs.google.com/document/d/14fCaoRf5GtdhMwJOVjcQSMDm_varTluyMq8RYyHR8vw/edit?pref=2&pli=1

[25] Changes to DOM - NW.js Documentation (2017-03-15 15:09:12 +09:00) http://docs.nwjs.io/en/latest/References/Changes%20to%20DOM/

[26] Make <input type=file>.files settable (annevk著, 2017-08-02 21:53:19 +09:00) https://github.com/whatwg/html/commit/5dc7db2108656c9ce4b2dc7a8bb7dcde5c03afee

[27] Editorial: no more "return, but continue" for <input type=file> (annevk著, 2018-01-24 00:21:18 +09:00) https://github.com/whatwg/html/commit/b2fc1c1d49ad5701b4bdcf80dcee115c3167005e

[28] Editorial: no more "return, but continue" for <input type=file> by annevk · Pull Request #3388 · whatwg/html (2018-01-25 13:03:43 +09:00) https://github.com/whatwg/html/pull/3388

[29] New WebKit Features in Safari 11.1 | WebKit (2018-04-13 13:40:37 +09:00) https://webkit.org/blog/8216/new-webkit-features-in-safari-11-1/

[30] element send keys: <input type=file> also has to fire change event (#… (whimboo著, 2018-05-31 01:31:23 +09:00) https://github.com/w3c/webdriver/commit/036194529785018eaf385bab1a129387539cbbb5

[31] Element Send Keys for "<input type=file>" has to also send a change event. by whimboo · Pull Request #1262 · w3c/webdriver (2018-06-04 16:30:01 +09:00) https://github.com/w3c/webdriver/pull/1262

[77] HTMLのinputタグ[type=file]のブラウザごとの挙動について調べてみた - Qiita (2019-01-09 10:24:27 +09:00) https://qiita.com/taqm/items/4d31d88befb36f46714f

[79] Revamp the user activation model (mustaqahmed, 2019-12-05 04:09:23 +09:00, 2022-01-19T09:25:35.000Z) https://github.com/whatwg/html/commit/8f8c1f50158736b3cf16188377a0974a20367c8b