Ошибка отсутствия файла при попытке выполнить axios POST между react и django rest frame work

Я пытаюсь просто загрузить файл в моем react front-end и отправить его в мой Django rest framework back-end API, но продолжаю получать сообщение, что файл не был отправлен. Я пробовал установить для поля filefield значение require=false, однако это приводит к нулю. Я не уверен, что я делаю неправильно, если кто-то может помочь.

model.py

class Upload(models.Model):
    file_uploaded = models.FileField(upload_to='Apps')
    def __str__(self):
        return f"{self.file_uploaded}"

serializer.py

class UploadSerializer(ModelSerializer):
    class Meta:
        model = Upload
        fields = ('file_uploaded',)

views.py

class UploadViewSet(viewsets.ModelViewSet):
    queryset = Upload.objects.all()
    serializer_class = UploadSerializer
    parser_classes = (MultiPartParser, FormParser,)
    print(Upload.objects.all())
    
    def post(self, request, *args, **kwargs):
        fileSerializer = UploadSerializer(data=request.data)
        if fileSerializer.is_valid():
            fileSerializer.save()
            return Response(fileSerializer.data, status=status.HTTP_201_CREATED)
        else:
            return Response(fileSerializer.errors, status=status.HTTP_400_BAD_REQUEST)

функции загрузки и отправки сообщений

handleUpload = (files) =>{
    var file = new FormData();
    file.append(files.target.files[0].name, files.target.files[0])
    this.setState({mfile_JsonFile: file});
  }

  createApp = e => {
    e.preventDefault();
    axios.post( "http://127.0.0.1/api/upload/", this.state.mfile_JsonFile).then(() => {alert("posted")});
  };

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