1. ホーム
  2. javascript

[解決済み] HTML <input type='file'> ファイル選択イベント

2022-04-24 06:54:32

質問

例えば、こんなコードがあるとします。

<form action='' method='POST' enctype='multipart/form-data'>
    <input type='file' name='userFile'><br>
    <input type='submit' name='upload_btn' value='upload'>
</form>

となり、このような結果になります。

ユーザーが'Browse...'ボタンをクリックすると、ファイル検索ダイアログボックスが表示されます。

ユーザーは、ファイルをダブルクリックするか、「開く」ボタンをクリックして、ファイルを選択します。

ファイルが選択された後に通知を受けるために使用できるJavascriptのイベントはありますか?

どのように解決するのですか?

変更イベントをリッスンする。

input.onchange = function(e) { 
  ..
};