图像未在 Django 中上传答案

【问题标题】：Image not uploading in Django图像未在 Django 中上传
【发布时间】：2019-03-24 02:38:51
【问题描述】：

我在管理门户中上传了一张图片但它没有在 html 模板中呈现我该如何解决这个问题？以下是源代码！ models.py

from django.db import models
from django.contrib.auth import get_user_model
from PIL import Image

class Question(models.Model):
    question_relation=models.ForeignKey('Answer',related_name='ques',on_delete=models.CASCADE)
    question_image=models.ImageField(upload_to='levels/media/')
    text=models.TextField(blank=True,max_length=100)

    def __str__(self):
        return str(self.question_relation)

html文件

 <div style="margin-left:35%;margin-right:35%">
       <img src="{{Question.question_image.url}}" alt="">
            <form class="post-form" method="post">
            {%csrf_token%}
            {{form.as_p}}
            <button type="submit" class="save btn btn-default">Submit</button>
            </form>
            <script>var editor=new MediumEditor('.editable');</script>

        </div>

我已将这些包含在我的 urls.py 中

urlpatterns += staticfiles_urlpatterns()
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

在检查 img src 中的检查元素时，它显示为（未知）。我不知道为什么它无法获取图片的网址

settings.py

MEDIA_URL="/media/"
MEDIA_ROOT=os.path.join(BASE_DIR,'levels/media')

views.py

from django.shortcuts import render,redirect,get_object_or_404
from django.views.generic import *
from . import models
from django import forms
from .forms import CheckAnswer
from django.contrib.auth.decorators import login_required
from .models import Question

# Create your views here.
@login_required
def Arena1(request):
    if request.method=='POST':
        form = CheckAnswer(request.POST)
        if form.is_valid():
            return redirect('thanks')
    else:
        form=CheckAnswer()
    args={'form':form}
    return render(request,'levels/arena1.html',args)

【问题讨论】：

发布您的 html 表单。
已发布请检查并帮助--@PankajSharma
我试过了。但仍然不显示图像。当我刚刚检查检查元素时，img 标签中没有任何 src，它在那里表示未知...请帮助--@PankajSharma
不显示？有没有上传？
查看你的管理面板，图片是否上传成功？

标签： django python-3.x

【解决方案1】：

你忘了设置enctype="multipart/form-data"

将您的表单更新为 -

<form class="post-form" method="post" enctype="multipart/form-data">
        {%csrf_token%}
        {{form.as_p}}
        <button type="submit" class="save btn btn-default">Submit</button>
        </form>

当您编写客户端代码时，您只需要知道在表单包含任何元素时使用 multipart/form-data。如果您想知道为什么，请参阅here。

【讨论】：