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
– preeti, Commented Oct 6, 2017 at 7:22
have a look at stackoverflow.com/questions/29073878/…. you can send csrf token in form data also. — gaurav malik
– gaurav malik, Commented Oct 6, 2017 at 11:20

Styx · Accepted Answer · 2017-10-06 10:42:28Z

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 6, 2017 at 10:42

Styx

10.1k8 gold badges49 silver badges56 bronze badges

answered Oct 6, 2017 at 9:06

preeti

475 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related