Posted at

Chromeのinput[type="file"]で同じファイルがアップロードできない時の対応メモ


現象

htmlの<input type="file">を使って画像アップロードの機能を実装した際、GoogleChromeで同じファイルを複数回選択しても反映されなかった。


原因

単純にvalueが初期化されてなかったのが原因だった。

input.value = ''

GoogleChromeではvalueが自動で毎回初期化されないらしく、同じファイルを選択するとonChangeが発火しなかった。