Загрузка изображения из react frontend в django backend. Изображение застряло в <InMemoryUploadedFile: Youssef-001.jpg (image/jpeg)>]}>.

Я пытаюсь реализовать редактирование профиля в своем приложении. Я загружаю картинку из моего react frontend, а затем отправляю запрос на мой django сервер. Когда я печатаю(request.FILES), я вижу картинку {'profile_image': [<InMemoryUploadedFile: Youssef-001.jpg (image/jpeg)>]}>

Проблема в том, что я не могу сохранить его в созданной мною ProjectForm.

Пожалуйста, посмотрите мой код ниже:

views.py

@api_view(['POST'])
def editAccount(request, email):

    profile = Profile.objects.get(email=email)
    form = ProfileForm(instance=profile)

    if request.method == 'POST':
        print(request.FILES)
        form = ProfileForm(request.POST, request.FILES, instance=profile)
        form.save()

        return Response()

forms.py

class ProfileForm(ModelForm):
    class Meta:
        model = Profile
        fields = ['name', 'username', 'bio', 'profile_image']

    def __init__(self, *args, **kwargs):
        super(ProfileForm, self).__init__(*args, **kwargs)

EditAccount.jsx

    const handleSubmit = () => {
        console.log(profile.profile_image)

        const profileUploadData = new FormData()
        profileUploadData.append('name', profile.name)
        profileUploadData.append('email', profile.email)
        profileUploadData.append('username', profile.username)
        profileUploadData.append('bio', profile.bio)
        profileUploadData.append('profile_image', profile.profile_image, profile.profile_image.name)

        fetch(`http://127.0.0.1:8000/api/profile-edit/${userContextEmail}`, {
            method: "POST",
            body: profileUploadData
        })
    }

С точки зрения set.py и routes и т.д. я настроил его обычным способом, используя папку static в базовом каталоге. Я застрял на этом вопросе в течение долгого времени, и любая помощь будет очень признательна. Спасибо

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