2015-04-14 [長年日記]

_ [Web][Chrome] input[type="file"]の動作が違いすぎる

<form enctype="multipart/form-data" method="post" accept-charset="utf-8">
  <input type="file" name="name"  />
  <input type="submit" />
</form>
HTMLはこれだけ。
存在しないファイルをアップロードしようとした時の動作がブラウザによって全然違う。
  • IE:そもそも存在しないものは選択できない(OSのファイル選択ダイアログが激怒)
  • Fx:送信ボタンを押すと、ファイルが存在しなくてもPOSTが飛ぶ。
  • Cr:存在しないファイルを指定して送信ボタンを押すとブラウザのエラー画面が出る(下記画像参照。HTTP飛ばない)

画像の説明何も選択しなくても送信できてPOSTが飛ぶのは共通だが、Chromeのパターン、サーバで拾えんではないか。この無慈悲画像め、ぐぬぬ。

(追記)追記!肥後ずいき!
上記の動作をするのはubuntuというかLinux環境のChromeだけで、Windowsでは起こらない。IEと同様にOSの以下略が怒髪天。

というわけでひと仕事終わり。


検索キーワード:

記事

カテゴリ

Amazon | Android | apache | Arduino | bash | bluetooth | Books | CakePHP | CakePHP3 | CakePHP4 | Chrome | Chromebook | CodeIgniter | CSS | Docker | Eclipse | Emacs | etc | Firefox | Flask | Gadget | git | Gnome | Google | Heroku | HTML | hugo | Internet | iPhone | IS01 | IS03 | Java | JavaScript | json | Kotlin | Laravel | LINE | magento | mysql | nginx | nodejs | Oops | PC | Perl | php | Python | Qt | Ruby | ruby | Shell | ssh | tdiary | twitter | ubuntu | unix | VirtualBox | Web | Windows | windows | WindowsMobile | WX5 | YAML | zsh | ここか | そば | つくる | つり | できごと | アクアリウム | ギター | セキュリティ | プリンタ | ベース | ボクシング | ポエム | マネー | メシ | ラズパイ | 仕事 | 作家 | 壮絶 | 妄想 | 忘れる | 料理 | | 暑い | 痛い | 社会 | 自転車 | | 車輪 | | 野球 | 銭湯 | 音楽 |

全部 : / 今日 :

近頃

links

profile

もっとヒゲ伸ばしたい。