input[type="file"] 同じファイルを選んでもchangeイベントが発火しない問題をちょっとだけ深掘りするよ🎶 | カミナシ エンジニアブログ

「よし、これで完璧！」と思って実装したファイルアップロード機能。テストで同じファイルを2回選んだら…あれ？2回目は何も起きない。 // さっきまで動いてたはずなのに… <input type=”file” onChange={(e) => { console.log(‘ファイル選択した！’, e.target.files[0]); uploadFile(e.target.files[0]); }} /> 「え、なんでonChange動かんの…？」 Chromeのコンソールとにらめっこすること数分。これ、実は私の実装ミスじゃなくて、ブラウザの仕様に起因する面白い問題だったんです。今日…


元の記事を確認する