Загрузка файлов и отправка в API с помощью Javascript

Я хочу получить файл от пользователя во фронтенде и отправить его в API, чтобы он мог быть сохранен вместе с другими данными. Однако в бэкенде (Django) я получаю только путь к файлу, а не сам файл, и отправляю данные с кодировкой типа "multipart/form-data"

HTML:

<input [(ngModel)]="file" type="file" id="file" name="file" accept=".edf" required>

TypeScript service:

  submitEEG(patientID: string, operatorID: string, file: File) : Observable<EEG> {

    let formData = new FormData();
    formData.append("file", file);
    formData.append('patientID', patientID);
    formData.append('operatorID', operatorID);

    console.log(patientID);
    console.log(operatorID);
    console.log(file);

    return this.http.post<any>(this.BASE_URL + 'createEEG', formData);

Данные, полученные в REST API: enter image description here

Может ли кто-нибудь помочь мне? Спасибо!

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