画像ファイルのアップロード処理がうまくいかない

Question

DjangoでWebアプリを開発しています。
ユーザーが画像を投稿できるようにしようと思っているのですが、ファイルのアップロードがうまくいきません。なお、アップロードがうまくいかないだけで、投稿された画像を表示することは問題なくできています。

Pillowは、インストール済みです。
コードは、下記のとおりです。

# settings.py
STATIC_URL = '/static/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

# models.py
class Image(models.Model):
    title = models.CharField(maxlength=100)
    image = models.ImageField(upload_to='images/')

# forms.py
class ImagePostForm(forms.ModelForm):
    class Meta:
        model = Image
        fields = ('title', 'image',)

# 投稿画面
<form method="post" action="{% url 'test:image_post' %}" enctype="multipart/form-data">
{% csrf_token %}
    <label for="title">タイトル</label>
    <input type="text" id="title" name="title">
    <input type="file" name="image" id="image">
</form>

# views.py
def image_post(request):
    if request.method == 'POST':
        form = ImagePostForm(request.POST)
        if form.is_valid():
            image = form.save(commit=false)
            image.save()
        else:
            return HttpResponse(form.errors)

実際に投稿してみると、form.is_valid():でエラーが生じ、エラーとしてimageと表示されます。
仮に、models.pyにおいて、
image = models.ImageField(upload_to='images/' null=True blank=True)
とし、imageのnullとblankを可とすると、titleだけ投稿に成功します。

どこに問題があるのか、見つけられていないのですが、何かお気づきの点がございましたら、ご教示頂ければ幸いです。
よろしくお願い致します。

Answer 1

FormのHTMLのタグ部分を手打ちしているようですが、本来は自動生成させて使うことを想定されているので、idが異なります。
HTML部分を自動生成させるようにすればうまくいくと思われます。
カスタマイズ等でHTMLを手書きしたい場合には、ドキュメントに則って、タグ以外の部分を作るようにしてください。
https://docs.djangoproject.com/ja/2.0/topics/forms/

#View
def image_post(request):
    if request.method == 'POST':
        form = ImagePostForm(request.POST)
        if form.is_valid():
            image = form.save(commit=false)
            image.save()
        else:
            return HttpResponse(form.errors)
    else:
        form = ImagePostForm()
        return render(request, '#HTML', {'form': form})

<form method="post" action="{% url 'test:image_post' %}" enctype="multipart/form-data">
{% csrf_token %}
    {{ form }}
　　　<input type="submit" value="Submit" />
</form>