Блог

Главная - Вопросы по программированию - Проверка CSRF Django не удалась. Запрос прерван. ошибка

Проверка CSRF Django не удалась. Запрос прерван. ошибка

#javascript #django #dropzone.js #django-csrf

Вопрос:

Я пытаюсь загрузить изображение с помощью dropzone.js, но он не использует логин или регистрацию. Я получаю CSRF verification failed. Request aborted. 

 Dropzone.options.fileDropzone = {
  url: '/media/',
  init: function() {
    this.on("error", function(file, message) {
      alert(message);
      this.removeFile(file);
    });
    var submitBtn = document.querySelector("#submitBtn");
    var myDropzone = this;
    submitBtn.addEventListener("click", function() {
      console.log("upload");

      myDropzone.processQueue();
    })
  },
  autoprocessQueue: true,
  clickable: true,
  thumbnailHeight: 90,
  thumbnailWidth: 115,
  maxFiles: 1,
  maxFilesize: 10,
  parallelUploads: 1,
  addRemoveLinks: true,
  dictRemoveFile: 'delete',
  uploadMultiple: false,

} 
 <form class="imageUploaderForm" method="post" id="upload" enctype="multipart/form-data">
  {% csrf_token %}
  <div class="form-title">Upload your Image</div>
  <div class="upload-type">File should be Jpeg, Png, Gif</div>
  <div class="dropzone" tabindex="0" class="drop-zone" style="border-style: dotted;" id="fileDropzone">

    <input accept="image/jpeg, image/png, image/gif" multiple="" type="file" autocomplete="off" tabindex="-1" name="myFile" class="drop-zone-input" style="display: none;">
    <div class="placeholder">
      <img class="hide" width="115" height="90" src="#" id="preview">

    </div>
  </div>
  <span style="color: rgb(169, 169, 169);">or</span>

</form>

и я использовал

var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');

и

headers: { 'x-csrf-token': CSRF_TOKEN, },

это два кода, но в них по-прежнему одна и та же ошибка

Ответ №1:

Попробуйте использовать следующее:

 headers: {
        'X-CSRF-TOKEN': $("input[name=csrfmiddlewaretoken]").val()
}
Метки: