フォームに回答したデータが送信されない

Question

前提・実現したいこと

add.htmlに入力した内容をデータベースに追加後、リダイレクトでindex.htmlを表示したい

発生している問題・エラーメッセージ

送信ボタンを押してもデータが送信されない。
解答欄の内容が消えて同じページが表示される
データベースを見てみても記録されてません。

下記送信前

下記送信後

該当のソースコード

from django.shortcuts import render, redirect
from .models import post
from .forms import PostCreateForm

def index(request):
    context = {
        'posts':post.objects.all()
    }
    return render(request, 'zerowaste/index.html', context)

def add(request):
    form = PostCreateForm(request.POST or None)

    if request.method == 'POST' and form.is_valid():
        form.save()
        return redirect('zerowaste:index')
        
    context = {
        'form':PostCreateForm()
    }
    return render(request, 'zerowaste/add.html', context)

from django import forms
from .models import post

class PostCreateForm(forms.ModelForm):

    class Meta:
        model = post
        fields = '__all__'

from django.db import models

# Create your models here.

class post(models.Model):
    post_title = models.CharField(max_length=200, verbose_name='商品名')
    post_image = models.ImageField(upload_to='media/', verbose_name='写真')
    post_price = models.PositiveIntegerField(verbose_name='値段')
    post_address = models.CharField(max_length=200,verbose_name='住所')
    post_date = models.DateTimeField('投稿日時', auto_now_add=True)

    def __str__(self):
        return self.post_title

{% extends 'zerowaste/index.html' %}

{% block contents %}
<form action="" method="POST">
{{ form.as_p}}
<button type="submit">送信</button>
{% csrf_token %}
</form>
{% endblock %}

from django.urls import path
from django.conf import settings
from django.conf.urls.static import static
from . import views

app_name = 'zerowaste'

urlpatterns = [
    path('', views.index, name='index'),
    path('add/', views.add, name='add'),
] 

試したこと

views.pyの

context = {
        'form':PostCreateForm()
    }
    return render(request, 'zerowaste/add.html', context)

が機能してると思うので

form = PostCreateForm(request.POST or None)

    if request.method == 'POST' and form.is_valid():
        form.save()
        return redirect('zerowaste:index')
        

上記に問題があると思うのですが、どこを間違えてるのか分かりません。

初学者でありますので必要な情報あれば教えてください。
何卒、よろしくお願いします。

追記：画像ファイルを載せないようにするとうまく行きましたが画像ファイルも保存したいので引き続き有識者の方コメント頂けると幸いです。

Answer 1

context = {
'form':form
}
'form':formにし忘れており、上記にしたところ画像のみ問題があると言われたので調べてみると下記のサイトを見つけ
https://freeheroblog.com/upload-img/

記事を参考に下記を修正するとうまく実行できました。

<form action="" method="POST" enctype="multipart/form-data">

enctype="multipart/form-data"の追加

form = PostCreateForm(request.POST, request.FILES or None)

request.FILESの追加