HTMLのinputタグ[type=file]のブラウザごとの挙動について調べてみた - Qiita

はじめに みなさんHTMLタグの一つであるinputタグはご存知だと思います。 その中でもtype="file"についてぼくはこんな疑問を持ちました。 選択したファイルはどこのファイル？コピーとかされているの？ これみなさん知っていますか？ ちょこっと調べたんですがなかなか情報がなかったので いろいろ自分で調査してみました。 （本音は調査が面白そうだったのでそんなに本気で調べてないだけです 仮説を立てる まずは仮説をいくつか立ててそれぞれを検証していきます A. ブラウザはファイル参照だけ持っている B. ファイル選択時にTemp領域へコピーしている C. メモリ上に抱えている たぶんこれらのどれかじゃないかなと思っており、 個人的にはBが濃厚だと勝手に考えています。 調査開始 ファイルアップロード機能が必要なので 簡単にファイルをアップロードするだけのアプリを自前で作りました。 http

[delphinus35]

これはHTMLの仕様じゃなくて実装を調べただけでは（内容は面白かった）。

[threeMonths]

draftには実装によるって書いてた気がする

[smita]

ChromeとFireFoxの挙動がユーザの直観とも合致して親切に感じる。元ファイル削除時に空ファイルを送るとか組織の体質を現していそうな感じの不親切さ。

[teppeis]

Edgeの挙動はハマりそうだけど、現代的にはchangeイベントでFile API経由で送信することが多いのであまり気にしないで良さそう

[megazalrock]

Chrome、Safari、Firefoxはなんとなく実装の意図が分かるんだがEdgeとIE11は意味わからんな。Edgeでファイル更新後の挙動はバグっぽい気がしたから軽く調べたけど、特に情報は見つからんかった。

[aoki789]

ファイルパス知ってるだけだよ。

[komutan1]

一度POSTした後に元ファイルを削除しても「リロード」でフォームを再送信すると前回と同じ内容が送られるのでメモリ（ディスク）にも残っているはず。

[macoshita]

これ OS によっても違ったりしないだろうか

[tohokuaiki]

面白かった。ファイルのテンポラリコピーはギガアップしたことあればあり得ないと気づくと思う。IE11はファイルのパス参照ではなくinodeを掴んでそう。

[gachapining]

path を持っているだけなので、アップロード前に MD5 計算しようとして苦労したことがあった。

[mohno]

なんでA.以外を考えたのか分からない。A.でなければファイルの選択をやり直すたびにファイルをどこかにコピーすることになるわけで、非効率すぎるよ。

[versatile]

これはなんかインジェクションに使えそうなあれだなぁ

[Wacky]

“input(type=file)でファイルを選択した場合は ファイルのへの参照を持っているだけであり、 選択後にファイルを更新・削除を行うと選択したファイルへ反映される。”

[suekunhello]

面白かった！

[field_combat]

ファイルパスだけ持ってるって認識だったんでエラーになると思ってた（多分、Chromeでしかその辺テストしなかったんだな）。空ファイルとか削除前のファイル送るのヤバいな

[NOV1975]

それ、リクエストのトリガー出すまでの挙動の話しかしてなくね？

[pmakino]

面白い。Edge の挙動が謎すぎる。

[Helfard]

Edgeの挙動が？？？？ってなった。

[hdampty7]

学生さんかな？MIMETypeでファイルの種類を制限出来たりした気がするけど、その場合の挙動とかもっと突っ込んで調べてみるとか。

[yoiIT]

どっかのブラウザが参照だけではなかったというオチで「まぢかよ！！！」の展開を少し期待してた。

[superchibita]

Qiitaっていつからゴミ箱になったの？

[UDONCHAN]

ブラウザによって挙動がちがうんだ。仕様だとどうなってるかあとで調べよう

[FOx]

確かにモバイル版ブラウザでの挙動も気になる

[knjname]

onChangeでファイルオブジェクトを取るけど、アプリの(Reduxとかの)ストアには入れられなくて、もどかしさがあるよね

[nezuku]

Edgeの挙動、特にファイル更新の場合空ファイルを送る挙動は安全な側に倒している印象が。ファイルのアップロードに相乗りして、該当ファイルに情報を付け加えて外部へ送る攻撃を緩和させているような?

[rryu]

たぶん選択時点のファイルの内容が送信される事が保証されているはずという思考だったのだと思うが、MSが妙に頑張っているのはたまたまなのか意図的なのか…

[castaneai]

“ただし、反映のされ方はブラウザごとに挙動が異なる。”

[diveintounlimit]

ブコメの指摘がある通り、仕様じゃなくて実装の調査ね。仕様ではこの辺り今のところは細かくは決まってない。たぶんそのうちGoogleのエンジニアがカッとなって仕様書を書いてW3Cに上げると予想。

[satomi_hanten]

Edgeだけ違うのは覚えておきたい・・。

[bullet7]

OSによる違いはないのかな？

[gfx]

ファイルを選択したあと更新するとどうなるか→ブラウザ依存、という話。