5

ユーザーがアップロードするファイルを選択して「開く」をクリックしたときにイベントをバインドする方法はありますか? ユーザーが開くをクリックしたときにイベントをトリガーしたいと思います。

ここに画像の説明を入力

4

1 に答える 1

6

そのシナリオでは、changeイベントが発生します。

この HTML がある場合:

<input type="file" id="fileInput" />

次に、この JS を使用します。

window.onload = function () {
    document.getElementById("fileInput").onchange = function () {
        // this.value
    };
};

(プロパティを設定する代わりにaddEventListener/を使用するオプションを使用)attachEventonclick

ハンドラー内で、 を使用this.valueしてファイルを選択できます。

もちろん、jQuery を使用すると、以下を使用できます。

$(document).ready(function () {
    $("#fileInput").on("change", function () {
        // this.value OR $(this).val()
    });
});

注:およびハンドラーはwindow.onload、$(document).ready要素が使用可能であることを確認するために使用されます。もちろん、このイベントは、ページ上のすべての要素の準備が整うまで待機するため (window.onloadさらに、画像などが読み込まれるまでさらに長く待機するため)、実際に必要な時間よりもかなり遅れて発生する可能性があります。オプションはonchange、ページの要素の直後または<body>.

于 2013-04-12T15:25:50.200 に答える