如何诊断使用 jQuery 文件上传的错误？

Question

我正在尝试实现iframe传输文件上传，使用blueimp file upload plugin如下：

$(jQueryUploadInput).fileupload();
$(jQueryUploadInput).fileupload('send', {
        forceIframeTransport: true,
        fileUpload: profilePicInput,
        url: $.acme.resource.links.editProfilePictureUrl
    })
    .error(function(jqXHR, textStatus, errorThrown) {
        debugger;
    })
    .success(function(result, textStatus, jqXHR) {
        debugger;
    });

当我调试需要上传文件的视图时，我的error 函数内部的debugger 调用被命中，但所有三个参数都未定义，就好像无缘无故调用了错误函数一样。 profilePicInput 是带有一个选定文件的有效文件输入。 $.acme.resource.links.editProfilePictureUrl 指向的动作是一个有效的动作 url，但我的控制器中的断点甚至从未被命中。我也不知道该怎么做。

我知道 API 文档说：

fileInput 属性必须是一个 jQuery 集合，其输入为 输入带有有效文件选择的文件。

所以我尝试了两种设置fileUpload 选项的方法，结果相同。

fileUpload: profilePicInput
fileUpload: $(profilePicInput)

顺便说一句，这段代码是在视图模型脚本中调用的，而不是直接在视图本身中调用，如果这可能意味着或影响任何事情的话。我不明白怎么做，因为视图模型脚本无论如何都会加载到视图中。

Answer 1

这是一个常见的问题：

• jquery file Upload rails "Error Empty file upload result"
• blueImp/jquery file upload - How do I get the error message if the file type was not accepted?
• Passing the error message to jQuery File Upload
• http://support.cloudinary.com/entries/25570742-How-to-display-error-messages-when-client-side-validation-fails-

最后一个链接建议如下：

processalways: function(e,data){
  if (data.files.error) alert(data.files[0].error);
}

您还可以访问任何其他Processing Callback Options。请参阅API。

例如，单个文件的任何处理失败也可以通过processfail callback 进行检查

function (e, data) {
    console.log('Processing ' + data.files[data.index].name + ' failed.');
}

我希望这能回答你的问题。如果我没有正确理解您的问题，请告诉我。