Web制作メモ -トップへ-

[jQuery] 選択されたファイルをクリアする

JavaScript2014.12.12 09:09

input[type=file]は他のinput要素と違いセキュリティが強く値を自由に書き換えられません。

その為一工夫が必要で、既存のinput[type=file]を削除し、新しいinput[type=file]を作成するという方法を使います。

HTML

<input type="file" id="up">

jQuery

$('#up').replaceWith($('#up').clone());

.val('')で初期化する方法もありますが、対応しているのは新しいブラウザだけになります。IEは11以降の対応となるので、上記のクローンを作る方法がお勧めです。

.val('')で初期化

$('#up').val('');