Question

在MVC中，我需要限制上传文件限制大小不应超过5 MB。

在这里，我需要在客户端验证和限制，只要超过5MB的大小限制。

我能够实现使用ajax文件上传器但是，它支持IE 10及更高版本但是，我非常需要为IE 9及更高版本提供支持。

请指导我如何在客户端或任何其他解决方案进行验证？

Answer 1

要检查文件上传的时间，您可以添加web.config键：

<add key="maxRequestLength" value="5242880"/> <!-- in Bytes -->

然后当您在代码中发布file为HttpPostedFileBase的文件时：

if (file.ContentLength > 0 && file.ContentLength < Convert.ToDouble(WebConfigurationManager.AppSettings["maxRequestLength"]) {
    //do stuff
}
else {
    //return error to view
}

此外，您还可以通过以下方式在Web.Config中强制实施站点范围限制：

<system.web>
    <httpRuntime maxRequestLength="5120" /> <!-- in Kb -->
    ...

top变量只是让你很好地管理屏幕上的错误。

Answer 2

    Check java script/ JQuery validation:
    $('#file_select')[0].files[0], file.size

    check test code here : [Click Here][1]

      [1]: http://jsfiddle.net/rq8nA/



    $("input:file").change(function () {
           if ($(this).val() !== "") {
            var file = $('#file_select')[0].files[0];
               if(file.size > 5000) {
                $('#err').html("Could not upload more than 5kb");           
               }
           }
    });
    <input type="file" name="file" id="file_select" />
    <span id="err"></span>

Answer 3

请尝试以下代码，

$(function () {

            $("[id*='Attachments_']").change(function () {

                if (undefined != this.files) {
                    var f = this.files[0]
                    var id = this.id;
                    var extArray = new Array("dll", "exe");
                    var ext = f.name.replace(/^.*?\.([a-zA-Z0-9]+)$/, "$1");
                    if (ext == extArray[0] || ext == extArray[1]) {                            
                        alert("System will not allow to upload the files with extenstion(.exe,.dll).Try to upload a different file.");
                        //reset file upload control                            
                        $("#" + this.id).replaceWith($("#" + this.id).clone(true));
                        return false;
                    } 
                    //here I CHECK if the FILE SIZE is bigger than 5 MB (numbers below are in bytes)
                    else if (f.size > 5242880 || f.fileSize > 5242880) {
                        //show an alert to the user
                        alert("Allowed file size exceeded. (Max. 5 MB)");

                        //reset file upload control                            
                        $("#" + this.id).replaceWith($("#" + this.id).clone(true));
                        return false;
                    }
                }
            })
        });

Answer 4

您可以在控制器POST操作中检查ContentLength

 [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create(Publication publication)
    {

        if (ModelState.IsValid)
        {
            if (publication.ImageUpload.ContentLength > (9))
            {
                ModelState.AddModelError("ImageData", "File size must be less than xxx MB");
                return View();
            }
            else
            { }

如果超出特定大小限制，如何防止文件上传？

4 个答案: