javascript - ¿Cómo invocar un error desde la respuesta del servidor(JSON) en Dropzone JS?

dropzone.js

Question

Tengo un cargador que rechaza la carga de los usuarios cuando exceden su cuota. La respuesta está en JSON y es como sigue:

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

Las opciones de Dropzone JS son las siguientes:

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

¿Qué debo hacer con la respuesta para mostrar un error a mis usuarios en el cargador?

Answer 1

Dropzone ha construido en la detección de errores. Solo haz esto:

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''s 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;
    }   
});

Answer 2

Puedes hacerlo así:

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!'');  
    }
}

Answer 3

bien lo siguiente funcionaría, solo extraiga de la fuente:

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;
  }
}

Answer 4

en el lado de PHP:

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

y en el lado de jQuery:

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