How to send csrf token in dropzone upload post via javascript?

Question

I am working on codeigniter project and when I enable CSRF protection in config file and added csrf token hidden field in all forms site working fine but due to this I am facing one problem i.e. "The action you have requested is not allowed" while uploading images using dropzone.

How to pass the csrf token in dropzone js?

When I upload image in dropzone box it gives error:

The action you have requested is not allowed.

<div class="dropzone clsbox" id="mydropzone">
</div>  

$("div#mydropzone").dropzone({                      
  url: "/riftraff/insert_product_phase_final",
  headers: {
    'X-CSRFToken': $('meta[name="_token"]').attr('content')
  }                                                             
});

No, I am not sure then how to send the csrf token in dropzone request? — preeti, Oct 06 '17 at 07:22
have a look at https://stackoverflow.com/questions/29073878/send-custom-data-with-dropzone-js-on-each-file-upload. you can send csrf token in form data also. — gaurav malik, Oct 06 '17 at 11:20

score 4 · Answer 1 · edited Oct 06 '17 at 10:42

4

var myDropzone = new Dropzone("div#mydropzone", {
  url: "/riftraff/insert_product_phase_final"
}); 

myDropzone.on('sending', function(file, xhr, formData) {
  formData.append('<token_name>', '<token_value>');
});

edited Oct 06 '17 at 10:42

Styx

9,863
8
43
53

answered Oct 06 '17 at 09:06

preeti

47
5

How to send csrf token in dropzone upload post via javascript?

1 Answers1