asp.net-mvc-3 - MVC3 で Html.Telerik().Upload() を使用した検証

Question

Html.Telerik().Upload()ユーザーがファイルのみをアップロードできるように、関数に検証を設定する方法を示すサンプル コードを探してい.jpgます。ファイルのみをサポートしたいと思い.jpgます。

誰かが私が使用できる良い例やウェブサイトを持っていますか?

Answer 1

次のコードを参照してください。このコードは、jpeg/jpg、png 形式の画像のみを受け入れます。また、画像サイズは 100KB に制限されています。

@(Html.Telerik().Upload()
        .Name("EmployeeImageUpload")
        .Multiple(false)
        .Async(async => async
        .Save("SaveEmployeeImage", "Employee")
        .AutoUpload(false)
        )
        .ClientEvents(events => events
        .OnLoad("onLoad")
        .OnSelect("onSelect")
        .OnSuccess("onSuccess")
        )
    )


<script type="text/javascript">

    function onLoad(e) {
        $(this).find("input").attr("accept", "image\/jpeg,image\/jpg,image\/png");
    }

    function onSelect(e) {

        if (e.files[0].size > 102400) {
            alert('Image Size Should Be <= 100KB');
            e.preventDefault();
            return false;
        }            

        var ext =e.files[0].extension.toLowerCase();
        if ($.inArray(ext, ['.jpeg', '.jpg', '.png']) == -1) {
            alert('Only Supported Extension are jpeg/jpg, png');
            e.preventDefault();
            return false;
        }
        return true;
    }
</script>