javascript - 添加 "undefined"时 Dropzone JS 抛出 "error event"

Question

我的 Dropzone 仅限于 2 个文件(最大文件数:2)。如果用户将新文件拖动到 Dropzone 中，maxfileexceeds 事件会显示错误。

myDropzone.on("maxfilesexceeded", function(file){
        alert("no more files accepted");
        myDropzone.removeFile(file);
    })

但是:如果我添加“错误事件”..

myDropzone.on("error", function(file, errormessage, response){
        alert(response.message);
    })

为了在出现故障时获得响应，Dropzone 会发出“未定义”警报。错误事件的参数应该是正确的。Qoute(DropzoneJS主页):

error: An error occured. Receives the errorMessage as second parameter and if the error was due to the XMLHttpRequest the xhr object as third.

所以第一个参数是文件，第二个参数是错误消息(根据作者的说法)，第三个参数是来自服务器的错误。

服务器上的错误响应如下所示:

$response = array('status' => 'error', 'message' => 'unknown error occured');

header('HTTP/1.1 500 Internal Server Error');
header('Content-type: application/json');
$response["message"] = $message;
exit (json_encode($response));

那么为什么 Dropzone 给我一个“未定义”？

Answer 1

第三个参数是一个XHR对象，而不是响应。请尝试这个:

myDropzone.on("error", function(file, errormessage, xhr){
    if(xhr) {
        var response = JSON.parse(xhr.responseText);
        alert(response.message);
    }
});