Fineuploader错误处理(Fineuploader error handling)

2019-10-18 17:48发布

我使用fineuploader V3.9 UI与MVC4应用程序中的jQuery的包装。 在这一点上,我认为,我应该只允许有2.5MB的文件,由validatieon的sizeLimit属性设置。 我现在的问题是,当我上传的不是支持的文件类型或太大我得到这个错误弹出一个文件:

错误处理程序似乎不火了,我的服务器端代码中没有断点被击中。 话虽这么说,当我选择一个小文件,我可以在我的控制方法的代码的断点停止一切工作正常(上传成功)。 任何线索,这是怎么回事与那些过大或不允许上传的文件?

下面是我的看法我所有的fineuploader js代码。 我有一个“完整”和“提交”处理的事件,这样我就可以在上传过程中正确地启用/禁用按钮,而这些火就好了。 不知道这是怎么回事的“错误”的处理程序,但。 我可以使用在UI jQuery的方式,我是“QQ”对象引用? 这不是其他任何地方使用,所以我不知道这是否是我的问题? 思考?

// Uploader control setup
    var fineuploader = $('#files-upload').fineUploader({            
        request:
        {
            endpoint: '@Url.Action("UploadFile", "Survey")',
            customHeaders: { Accept: 'application/json' },
            params: {
                surveyInstanceId: (function () { return instance; }),
                surveyItemResultId: (function () { return surveyItemResultId; }),
                itemId: (function () { return itemId; }),
                loopingIndex: (function () { return loopingCounter++; })
            }             
        },
        validation: {
            acceptFiles: ['image/*','application/xls','application/pdf', 'text/csv', 'application/vnd.openxmlformats-officedocument.spreadsheetml.template','application/vnd.openxmlformats-officedocument.spreadsheetml.sheet','application/vnd.ms-excel'] , 
            allowedExtensions: ['jpeg', 'jpg', 'gif', 'png', 'bmp', 'csv', 'xls', 'xlsx', 'pdf', 'xlt', 'xltx', 'txt'],
            sizeLimit: 1024*1024*2.5, // 2.5MB
            stopOnFirstInvalidFile: false
        },
        multiple: true,
        text: {
            //uploadButton: '<i class="icon-plus icon-white"></i>Select your upload file(s)'
            uploadButton: 'Select your upload file(s)'
        }   
    }).on('submitted', function(event, id, filename) {
        alert('submitted ' + filename);
        filesToUpload++;
        $(':input[type=button], :input[type=submit], :input[type=reset]').attr('disabled', 'disabled');         
    }).on('complete', function(event, id, filename, responseJSON) {                            
        alert('completed ' + filename);
        uploadedFileCounter++;
        if (filesToUpload == uploadedFileCounter)
        {
            $(':input[type=button], :input[type=submit], :input[type=reset]').removeAttr('disabled');                                                
        }                           
    }).on('error', function(event,id, name, errorReason, xhr) {         
        alert(qq.format("Error on file number {} - {}.  Reason: {}", id, name, errorReason));
    });

});

下面是这是一个上载过程中击中了我的服务器方法的外壳:

 [HttpPost]
    public JsonResult UploadFile(HttpPostedFileWrapper qqfile, int surveyInstanceId, int surveyItemResultId, int itemId, int loopingIndex)
    {
        try
        {
            bool isValid = false;               

    // MORE UPLOAD CODE

            if (isSaveValid && isResultItemEntryValid)
                isValid = true;

            return CreateJsonResult(isValid);
        }

    }

而我的方法,返回JSON成功消息

  private JsonResult CreateJsonResult(bool isSuccess)
    {
        var json = new JsonResult();
        json.ContentType = "text/plain";
        json.Data = new { success = isSuccess };
        return json;
    }

这一切工作正常在Firefox V24和V30的Chrome但在IE 9,调试控制台中我看到这一点:

在IE中,提交并完成事件触发,但上传失败。 在其他浏览器中,正确的最大尺寸超过误差是可见的,并没有事件触发。

Answer 1:

当使用DEBUG说我在IE中发现了错误是“超过了最大请求长度”。

这可以解决(至少对我来说)是可以添加以下值到我的项目的web.config:对System.Web值是在KBS,所以这是1GB,作为一个例子

<system.web>
    <httpRuntime maxRequestLength="1048576" />
</system.web>

如果你在IIS托管,添加以下内容:maxAllowedContentLength是以字节为单位。

<system.webServer>
<security>
  <requestFiltering>
    <requestLimits maxAllowedContentLength="1073741824"></requestLimits>
  </requestFiltering>      
</security>
</system.webServer>

现在,当我跑我的应用我的控制台输出是不是一个错误,但只是适当的假回报。

LOG: [FineUploader 3.9.0-3] Received 1 files or inputs. 
LOG: [FineUploader 3.9.0-3] Sending upload request for 0 
LOG: [FineUploader 3.9.0-3] Received response for 0_874e4439-c5c0-4b95-970f-16eb1cf89405 
LOG: [FineUploader 3.9.0-3] iframe loaded 
LOG: [FineUploader 3.9.0-3] converting iframe's innerHTML to JSON 
LOG: [FineUploader 3.9.0-3] innerHTML = <PRE>{"success":false}</PRE> 

进一步的更新下面是从显示为JSON回内设置自定义错误消息“failedUploadTextDisplay”我FineUploader代码一小截。

   validation: {
            acceptFiles: ['image/*','application/xls','application/pdf', 'text/csv', 'application/vnd.openxmlformats-officedocument.spreadsheetml.template','application/vnd.openxmlformats-officedocument.spreadsheetml.sheet','application/vnd.ms-excel'] , 
            allowedExtensions: ['jpeg', 'jpg', 'gif', 'png', 'bmp', 'csv', 'xls', 'xlsx', 'pdf', 'xlt', 'xltx', 'txt'],
            sizeLimit: 1024*1024*2.5, // 2.5MB
            stopOnFirstInvalidFile: false
        },  
        failedUploadTextDisplay: {
            mode: 'custom'
        },

这里是一个的由FineUploader称为服务器方法的一部分。 对于IE9和更早版本,客户端档案大小验证不会从得到备份服务器停止代码。 我已经添加了服务器端验证,我查CONTENTLENGTH,并调用我的方法是创建JSON回报。

   [HttpPost]
    public JsonResult UploadFile(HttpPostedFileWrapper qqfile, int surveyInstanceId, int surveyItemResultId, int itemId, int loopingIndex)
    {
        try
        {
            bool isValid = false;

            // file is too big, throw error.
            if (qqfile.ContentLength > (1024*1024*2.5))
            {
                return CreateJsonResult(false, "File size exceeded, max file is 2.5MB.");                    
            }

下面是创建JSON回报的方法。 如果出现错误,我也回送与我想要的任何自定义文本的“错误”属性。

 private JsonResult CreateJsonResult(bool isSuccess, string response = "")
    {
        var json = new JsonResult();
        json.ContentType = "text/plain";

        if (!isSuccess)
        {
            json.Data = new { success = isSuccess, error = response };
        }
        else
        {
            json.Data = new { success = isSuccess };
        }

        return json;
    }


Answer 2:

您的服务器返回某种响应无效的,根据控制台消息。 请注意,文件大小限制不能在IE9和旧的执行,因为没有办法确定这些浏览器的文件大小的客户端。 您需要仔细看一下网络流量,看看你的服务器返回,具体。 如果启用了debug精细上传选项,响应有效载荷的内容将被打印到JavaScript控制台。



文章来源: Fineuploader error handling