Estoy usando Ajax para enviar archivos a modelos Django.

 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) } }) })

me sale el siguiente error

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

¿Puede alguien ayudarme?