Help us understand the problem. What is going on with this article?

IE8でファイルアップロードを含むフォームをsubmitできない

More than 1 year has passed since last update.

経緯

すごくレアケースだとは思いますが、
たとえばファイルアップロードのボタンのデザインを変えようとして以下のようなHTMLを書いたとします。

<input type="file" id="file" style="display: none">
<button type="button" onclick="$('#file').click()">

すると、普通にファイルを選択できて、ボタンのデザインも変えやすいです。

問題

しかし、IE8においてはこれが動きません。
どうやらちゃんとファイル選択欄からファイルを選択しないと、submit時に弾かれてしまうようです。

原因

IE8以前にのみ存在するセキュリティホールらしいですが、中途半端に対応されている感じですね。

https://blog.tokumaru.org/2014/01/ie8html.html

対策

ちょこざいなことはしないで普通にinputタグを使おう

環境

なんの更新もしていないWindows7で、IEは以下
image.png

最後に

なんで2018年にIE8向けの開発をしてるんだ

sudnonk12
大学生 基本情報技術者/応用情報技術者/ネットワークスペシャリスト/プロジェクトマネージャ/データベーススペシャリスト/情報処理安全確保支援士/線路主任技術者
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away