1. ホーム
  2. javascript

[解決済み] ファイル選択時にイベントを発生させる方法

2022-12-03 11:27:31

質問

私は以下のようなフォームを持っています。

<form  onSubmit="return disableForm(this);" action="upload.php" method="post" name="f" id="wizecho" enctype="multipart/form-data">
    <input type="file" name="file" />
    <button onClick="return disableForm(this),ajaxUpload(this.form,'wizecho_upload.php', '&lt;br&gt;Uploading image please wait.....&lt;br&gt;'); return false;">
        Upload Image
    </button>
</form>

画像をアップロードすることです。

ここでは、画像をアップロードするためのボタンをクリックする必要があり、そのために onClick イベントを使用しています。アップロードボタンを削除し、入力でファイルが選択されるとすぐにイベントを発生させたいと思います。どのように私はそれを行うのですか?

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

ファイル入力時の変更イベントを利用する。

$("#file").change(function(){
         //submit the form here
 });