Blueimp jQuery 文件上传和我的例外

Question

我想将错误消息传递给 Blueimp jQuery File Upload 插件。我使用 ASP.NET MVC 并在出现某些情况时抛出我自己的异常（即文件不是真实图像，只有图像异常或图像太宽等）。

                var file = Request.Files[i];
                _service.ImageValidation(file.InputStream);

    public void ImageValidation(System.IO.Stream fileStream)
    {
        Bitmap bmp = null;
        try
        {
            bmp = new Bitmap(fileStream, false);
        }
        catch
        {
            throw new NoImageException();
        }
        if (bmp.Width > bmp.Height && (bmp.Width < 1024 || bmp.Height < 768))
            throw new ImageDimensionTooSmall();

        if ((bmp.Width <= bmp.Height) && (bmp.Width < 768 || bmp.Height < 1024))
            throw new ImageDimensionTooSmall();

        fileStream.Position = 0;
    }

在客户端我尝试通过以下方式捕获错误：

        $('#fileupload').fileupload({
            url: '/SmartphonePhotographer/ManageFiles?ResponseID=' + ResponseID,
            error: function (e, data) {
                alert('error');
            }
        });

'data' 变量总是有 'error' 值。 'e' 有很多属性，包括 statusText='Internal server error' 和 responseText（html 页面异常）。问题 - 如何在服务器端传递错误消息以在客户端捕获它（也许，有一个 json 格式的错误，但我没有在文档中找到它）

Answer 1

因为您在服务器端代码中引发了异常，所以它会转到错误事件。所以 ajax 调用得到 500 内部错误响应。

您可以做的是，而不是抛出异常，而是返回带有错误消息的 json 响应。

[HttpPost]
public ActionResult SaveImage()
{
   if(IsFileNotValid())  //your method to validate the file
   {
      var customErrors = new List<string> {"File format is not good",
                                            "File size is too bib"};
      return Json(new { Status = "error", Errors = customErrors });

   }
   //Save/Process the image
   return Json ( new { Status="success", Message="Uploaded successfully" });
}

并且在done() 事件中，您可以检查 json 响应并根据需要显示错误消息。

$('#fileupload').fileupload({
    url: '/SmartphonePhotographer/ManageFiles?ResponseID=' + ResponseID,
    error: function (e, data,txt) {
        alert('error' + txt);
    }
}).done(function(response){
   if(response.Status==="error")
   {
       $.each(services.Errors, function (a, b) {
         alert(b);
       });
   }       
});

使用这种方法，您可以将多个验证错误发送回客户端，客户端可以处理（显示给用户？）。

MVC 6

在 MVC6 中，您可以直接从 MVC 控制器操作返回 HttpStatusCode 响应。所以不需要自己发送 JSON 响应。

 [HttpPost]
 public IActionResult SaveImage()
 {
     var customErrors = new List<string> { "File format is not good", 
                                            "File size is too bib" };

     return HttpBadRequest(customErrors);
 }

这将向调用者发送一个 400 响应，其中包含我们在响应中传递的数据（错误列表）。因此，您可以访问 error 事件的错误 xHr 对象的 responseJSON 属性来获取它

error: function (a, b, c) {           
     $.each(a.responseJSON, function (a, b) {
            alert(b);
     });
 }

Answer 2

我同意您的问题是您抛出异常而不是返回受控响应。大多数框架在 400x 或 500x 中寻找状态码。因此，您希望返回一个友好的 json 对象和这些范围内的状态代码。如果你这样做，你在错误块中的数据对象将是你返回的。

MVC 土地：

//get a reference to request and use the below.
return this.Request.CreateResponse(HttpStatusCode.BadRequest, "Your message here");

Web API 2

使用IHttpActionResult 并返回BadRequest("My error message"); 如果您这样做，它将设置您的状态代码并将响应作为数据返回。