1

基本的に、参照をクリックしてファイルを選択した直後に、以下が起動します。

ユーザーが通常のファイル入力タイプで選択したファイルの単一ファイルのアップロードが必要であり、ファイルが選択されてバックグラウンドで非同期に実行された直後に起動する必要があります。

<input type="file" name="imagefile" size="20" />

$('input[type="file"]').change(function () {

    var $file = $(this).val();

    $.ajax({
        url: "/Admin/BannerImageUpload",
        type: 'POST',
        processData: false,
        contentType: false,
        data: { file: $file },
        success: function (data) {
            alert('Load was performed.');
        }


    });

});
4

1 に答える 1

0

HTML5 File APIを使用して、クライアントブラウザがサポートしていると仮定してファイルを非同期にアップロードできます。例を見てください:それを実装するために必要なステップを見たい場合は、私がリンクしたドキュメントの終わりに向かってユーザーが選択したファイルセクションをアップロードします。

もう1つの可能性は、この機能を実装するBlueimpなどの既存のすぐに使用できるAJAXファイルアップロードコンポーネントを使用することです。このようなコントロールを使用する利点は、ブラウザがHTML5をサポートしていない場合、標準のアップロードメカニズムにフォールバックすることです。

于 2012-06-15T06:26:23.513 に答える