Загрузка нескольких файлов с помощью формы reactjs и бэкенда Django не работает

Я создал бэкенд для загрузки нескольких изображений с некоторым текстом и нескольких документов, используя django rest framework. Я протестировал бэкенд с помощью postman и загрузка работает нормально! Когда я загружаю файлы с помощью формы react, бэкенд выдает ошибку request.FILES empty.

Я использую React 17.0.2 версии и следующую 12.0.4 Django версии 3.2.14 и rest-framework версии 3.13.1

Ниже приведен код формы react submit. Я могу видеть файлы в консоли - это обработчик формы submit.

const submitForm = async e => {
    const formData = new FormData()
    formData.append('name', e.formData.name)
    formData.append('city', e.formData.city)
    formData.append('email', e.formData.city)
    formData.append('images', e.formData.images)

    formData.append('email', e.formData.email)
    formData.append('mobile', e.formData.mobile)
    formData.append('docs', e.formData.req_doc)

    
    formData.append('description', e.formData.description)
    let url = 'http://localhost:3000/requirement/requirements/'
    fetch(url, {
        method: 'POST',
        headers: {
            Accept: '*/*',
            'Accept-Encoding': 'gzip, deflate, br',
            content_type: 'multipart/form-data; boundary=<calculated when request is sent>'
        },
        body: formData
    }).then(function (response) {
        console.log(response)
    })

Я также прилагаю скриншот запроса из браузера, который показывает изображения и файлы, отправляемые в запросе. https://i.imgur.com/Ni5pm84.png

Ниже приведен код бэкенда Django, в котором возникает ошибка.

Вот скриншот ошибки консоли django. https://i.imgur.com/aehf7yW.png

Словарь pprint ((self.context['request'].FILES)) становится пустым, когда я загружаю из react, но он прекрасно работает и код загружает все данные, когда я отправляю запрос из postman.

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