How to display error message of jquery dropzone

Question

I use dropzone with CI, i don\'t know how to display error message and custom message when upload false, this is my script

Dropzone.autoDiscover = false;
               


        

Answer 1

For anyone in need:

You can return a response message from the server using echo. Then in the js code add an error event handler

PHP

header("HTTP/1.0 400 Bad Request");
echo "Ups error message";

JS

this.on('error', function(file, response) {
    $(file.previewElement).find('.dz-error-message').text(response);
});

Answer 2

For me this code finally worked, used as a dropzone option:

error: function(file, message) {
      $(file.previewElement).addClass("dz-error").find('.dz-error-message').text(message.Message);
    }

I used message.Message since the ASP.net WebAPI returns a JSON object, but not with the required "error" key.

Answer 3

You can simply echo back the message from server via PHP file

if($file_uploaded == true)
{

   //perform operations on valid upload

} else {

  //upload failed, echo back negative response to dropzone.js
  $this->output->set_header("HTTP/1.0 400 Bad Request");
  echo "Error uploading file";

}

While your HTML file can look like:

<script type="text/javascript">
    Dropzone.options.myAwesomeDropzone = {
        paramName: "icon_image", // The name that will be used to transfer the file
        maxFilesize: 2, // MB
        init: function() {
            this.on("error", function(file, response) {
                // do stuff here.
                alert(response);

            });

        }
    };
</script>

Hope it helps :)