I'm using Ajax to send files to django models

document.getElementById("file-selector").addEventListener("change", function(e) {


var csrftoken = $('[name="csrfmiddlewaretoken"]').val();
  var maca = $("#maca").val();
  $.ajax({
    type: "POST",
    headers: {
      "X-CSRFToken": csrftoken,
    },
    url: `${MAIN_URL}requests/upload-documents/${maca}/`,
    data: e.target.files,
    success: function (response) {
      console.log("maca");
    },
    error: function(err) {
      console.log(err)
    }
  })
})

I'm getting the following error

jquery-3.6.0.min.js:2 Uncaught (in promise) TypeError: Failed to execute 'arrayBuffer' on 'Blob': Illegal invocation

Can somoeone help me ?