月間29,000PV達成! 収益は毎日発生中! ギランバレー症候群に関する情報を集めています

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

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

 

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

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

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

 

 

前提

・Angular7

 

 

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

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

 

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

 

 

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

 

 

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

 

 

Advertisement

 

おすすめ書籍

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

 

 

 

まとめ

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

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

ではまた!

Travelerを知らないの?