Как вызвать ошибку из ответа сервера (JSON) в Dropzone JS?

У меня есть загрузчик, который отклоняет загрузку пользователей, когда они превышают свою квоту. Ответ находится в JSON, и он выглядит следующим образом:

{msg: "Upload limit reached", status: "error", code: "403"}

Параметры Dropzone JS следующие:

Dropzone.options.uploadDropzone = {
    paramName: "file1", 
    maxFilesize: 200, 
    maxThumbnailFilesize: 10,
    success: function(file, response){
      ????
  }
};

Что мне делать с ответом в success, чтобы показать ошибку моим пользователям в загрузчике?

Ответы

Ответ 1

в порядке, будет работать следующее: просто извлеките из источника:

success: function(file, response){
  if(response.code == 501){ // succeeded
    return file.previewElement.classList.add("dz-success"); // from source
  }else if (response.code == 403){  //  error
    // below is from the source code too
    var node, _i, _len, _ref, _results;
    var message = response.msg // modify it to your error message
    file.previewElement.classList.add("dz-error");
    _ref = file.previewElement.querySelectorAll("[data-dz-errormessage]");
    _results = [];
    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
      node = _ref[_i];
      _results.push(node.textContent = message);
    }
    return _results;
  }
}

Ответ 2

В Dropzone встроено обнаружение ошибок. Просто сделайте следующее:

mydropzone = new Dropzone("#mydropzone",{
    url: "/dropzone",
    addRemoveLinks : true,
    maxFilesize: 2.0,
    maxFiles: 100,
    error: function(file, response) {
        if($.type(response) === "string")
            var message = response; //dropzone sends it own error messages in string
        else
            var message = response.message;
        file.previewElement.classList.add("dz-error");
        _ref = file.previewElement.querySelectorAll("[data-dz-errormessage]");
        _results = [];
        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
            node = _ref[_i];
            _results.push(node.textContent = message);
        }
        return _results;
    }   
});

Ответ 3

Вы можете сделать это следующим образом:

success: function(file, response, action) {
    // PHP server response
    if(response == 'success') // Validate whatever you send from the server
    {
        this.defaultOptions.success(file);
    }
    else
    {
        this.defaultOptions.error(file, 'An error occurred!');  
    }
}

Ответ 4

на стороне PHP:

    header("HTTP/1.0 400 Bad Request");
    echo "Error uploading file";

и со стороны jQuery:

        error: function(response){
            alert(response.xhr.responseText);
        }