Аудиофайл не проходит через Ajax

Я пытаюсь отправить данные в форме с аудиофайлом, когда я отправляю запрос данных, в консоли выскакивает эта ошибка [введите описание изображения здесь][1] [1]: https://i.stack.imgur.com/q5Hi2.png Вот код моей формы

<body>
<h1>Audio</h1>
<form id="form" method="POST">

    {% csrf_token %}{{form.as_p}}
    <input type="text" id="first_name" placeholder="student Name"><br>
    <input type="text" id="Reg_No" placeholder="Registration No"><br>
    <input type="text" id="Health_status" placeholder="Health Status"><br>
    <input type="text" id="deparment" placeholder="Department"><br>
    <input type="submit" name="submit" value="submit">
    <h1>{{message}}</h1>
</form>

<div id="output">
</div>

<button id="startRecordingButton">Start recording</button>
<button id="stopRecordingButton">Stop recording</button>
<button id="playButton">Play</button>
<button id="downloadButton">Download</button>
<button id="SubmitButton">Submit</button>
для записи звука я взял с этого сайта https://www.meziantou.net/record-audio-with-javascript.html. аудиофайл хранится в переменной blob 
 blob = new Blob([view], { type: 'audio/wav' });
});

Я пытаюсь отправить его через ajax в форме данных

submit.addEventListener("click", function (e) {
    e.preventDefault();
    let formData = new FormData();

        var recording = blob;
        formData.append("recording", recording);
        formData.append("first_name", first_name);
        formData.append("deparment", deparment);
        formData.append("Reg_No", Reg_No);
        formData.append("Health_status", Health_status);
    $.ajaxSetup({
        headers: {
            "X-CSRFToken": document.querySelector('[name=csrfmiddlewaretoken]').value,
        }
    });
    $.ajax({
        type: 'POST',
        url: "{% url 'HealthTest' %}",
        data: formData,
        dataType: "json",
        success: function (data) {
            // $('#output').html(data.msg) /* response message */
            alert('created new user');
        },

        failure: function () {
        }

    });
});

вот моя функция views.py, где я фактически храню данные для аудио файла, мне просто нужно прочитать аудио и отправить его в pickle, поэтому я создал простую переменную, чтобы сначала вывести его.

def HealthTest(request):

if request.method == "POST":
   
    
    saverecord = Destination()
    saverecord.name = request.POST.get("first_name",False)
    saverecord.Reg_No = request.POST.get("Reg_No",False)
    saverecord.Health_status = request.POST.get("Health_status",False)
    saverecord.Deaparment = request.POST.get("deparment",False)
    saverecord.save()
    audio_file = request.FILES.get("recording",False)
    print(audio_file)
    # response = {
    #                  'msg':'Your form has been submitted successfully' # response message
    #     }
    #return JsonResponse(response)
    
    return render(request,"new button.html",{'message':message})
else:
    return render(request,"new button.html")

Я действительно новичок в этом Ваша помощь будет высоко оценена. Заранее спасибо.

Вернуться на верх