jquery - jqueryを使ったファイルアップロード

Question

このjqueryライブラリを使用してファイルをアップロードしようとしていますが、正常に動作していますが、それ以上のことが必要です。私が直面している問題は、ファイルを選択した直後にファイルをアップロードするようなものです。ファイルのタイプやサイズなど）、また、他の関数でファイルアップロード関数を呼び出したいのですが、ここで立ち往生しています。

Answer 1

プロジェクトのドキュメントに基づいて、add関数をオーバーライドする必要があります。

追加

追加コールバックは、ファイルアップロード要求キューのコールバックとして理解できます。ファイルがfileuploadウィジェットに追加されるとすぐに呼び出されます-ファイル入力の選択、ドラッグアンドドロップ、またはAPI呼び出しの追加を介して。

デフォルトの動作は次のとおりです。

function (e, data) {
    data.submit();
}

さらに、プラグイン内にはすでにファイルタイプとサイズの検証があります。

maxFileSize

最大許容ファイルサイズ（バイト単位）。デフォルトでは無制限です。

minFileSize

最小許容ファイルサイズ。デフォルトでは未定義です（0バイトにすることができます）。 acceptFileTypes

許可されたファイルタイプの通常の式は、ファイルAPIをサポートするブラウザーのみがファイルタイプを報告するため、ファイルタイプまたはファイル名のいずれかと一致します。

だからあなたはそれを自分でする必要はありません

Answer 2

Uploadify プラグインを使用したソリューション:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.uploadify.min.js" ></script>
<script type="text/javascript" >
    $(function () {
        $('#file_upload').uploadify({
            'swf': '/Scripts/uploadify.swf',
            'uploader': '/Home/UploadFile',
            'fileTypeExts': '*.gif; *.jpg; *.png', //type limitations
            'fileTypeDesc': 'Image Files',
            'fileSizeLimit': '100KB' //size limitation
        });
    });
</script>


<input type="file" name="file_upload" id="file_upload" />