やっほー
【Angular】同一ファイル選択でchangeイベントを走らせる方法!

【Angular】同一ファイル選択でchangeイベントを走らせる方法!

  • 2019年8月6日
  • 2021年3月16日
  • Angular
  • 160view

いわゆる画像のアップロードやらは開発することも多いかと思います

最近知ったのですが、同一ファイルを選択した場合、changeイベントは走らないようです。

JavaScriptでの対策方法は他のサイトを見てもらうとして、今回はAngularでどのように対策するのかを解説します!

同一ファイル選択でchangeイベントを走らせる方法

JavaScriptの場合は特に変わらず、基本的にはファイルの値を空にしてあげることで解決します。

 

例えば、こんな感じでHTMLが定義されているとします。

 

TypeScriptでは、このようにファイルを取得します。

 

あとはchangeイベント内の最初で、上記のようにvalueを空にしてあげればOK!

おすすめ書籍

僕はAngularの勉強をするのに以下の書籍を購入しました。おすすめですよ!

まとめ

簡単ですが、Angularで書くとなると情報が少ないのが欠点。

jQueryだと簡単にできることがAngularだと難しいなんてこともしばしば。

ではまた!

【Angular】同一ファイル選択でchangeイベントを走らせる方法!
フォローしてもらえると泣いて喜びます