Image uploaded but not saved in media and database Django

Question

Am creating a settings page where the user should be able to chang there image and biodata. But only the biodata gets updated when I print the request.FILES.GET("profile_picture") it prints the name of the photo I uploaded. why is it not uploaded and saved to the database?

Models.py

from django.db import models
from django.contrib.auth.models import AbstractUser
class User(AbstractUser):
    profile_pic = models.ImageField(upload_to="images/", null=True ,blank=True)
    bio = models.TextField(max_length=100, blank=True)

forms.py

class ProfileForm(forms.Form):
    profile_picture = forms.ImageField(required=False )
    bio = forms.CharField(label='Bio', max_length=100 ,widget=forms.Textarea())

views.py

def settings(request):
    if request.user.is_authenticated:
        intial_data = {
        'first_name': request.user.first_name,
        'last_name': request.user.last_name,
        'user_name': request.user.username,
        'email':request.user.email,
        'bio':request.user.bio
        }
        profile_form=ProfileForm(intial_data)
        if request.method == "POST":
             profile_form=ProfileForm(request.POST, request.FILES)
             if profile_form.is_valid():
                user_name = profile_form.cleaned_data.get('user_name')
                profile_picture =request.FILES.get('profile_picture')
                bio = profile_form.cleaned_data.get('bio')
                user= User.objects.get(pk=request.user.id)
                if user is not None:
                   user.profile_picture=profile_picture
                   user.bio=bio
                   user.save()

                context ={
                "profile_form":profile_form
                }
        return render(request, 'user/settings.html',context)
     return redirect('home')

my_template.html

<tr>
 <td>Bio</td>
 <td>{{profile_form.bio}}</td>
</tr>
<tr>
 <td>Update Profile Picture</td>
 <td>{{profile_form.profile_picture}}</td>
</tr>

Answer 1

There is a trailing comma in the line:

#                    trailing comma ↓
user.profile_picture=profile_picture,

you need to remove this.

That being said, I would advice to use a ModelForm, this can remove a lot of boilerplate code:

class ProfileForm(forms.Form):

    class Meta:
        model = User
        fields = ['profile_pic', 'bio']
        labels = {
            'profile_pic': 'Profile picture'
        }
        widgets = {
            'bio': forms.Textarea
        }

Then in the view, we can use:

from django.contrib.auth.decorators import login_required

@login_required
def settings(request):
    if request.method == 'POST':
         profile_form = ProfileForm(request.POST, request.FILES, instance=request.user)
         if profile_form.is_valid():
             profile_form.save()
             return redirect('home')
    else:
        profile_form = ProfileForm(instance=request.user)
    context ={
        'profile_form': profile_form
    }
    return render(request, 'user/settings.html', context)