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 ='内部服务器错误'和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 Land：

//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");如果您这样做，它将设置您的状态代码并将响应作为数据返回。

Blueimp jQuery文件上传和我的例外

2 个答案: