JQuery: send FormData AND csrf token together

Question

Is the data:.. below? I want to publish form data and csrf token for Django view function.

 $('#file-upload').on('change', function () { var currentpath = window.location.pathname; var formData = new FormData($('form')[0]); $.ajax({ url: currentpath, //server script to process data type: 'POST', data: {formData, 'csrfmiddlewaretoken': '{{ csrf_token }}'}, cache: false, contentType: false, processData: false }); }); 

Answer 1

You must add your parameters to the FormData object (using append ) and, as always, pass the formdata object yourself as a data property.

 $('#id_image').on('change', function () { var currentpath = window.location.pathname; var formData = new FormData($('form')[0]); formData.append('csrfmiddlewaretoken', '{{ csrf_token }}'); $.ajax({ url: currentpath, //server script to process data type: 'POST', data: formData, cache: false, contentType: false, processData: false }); });