首页 > 解决方案 > 无法从 django 模型上传和查看图像

问题描述

我正在尝试在我的模型上上传图像,然后在模板上显示它。

表格.py:

class ClanakForma(forms.ModelForm):
    class Meta:
        model = Clanak
        fields = '__all__'

模型.py:

class Clanak(models.Model):
    naslov = models.CharField(null=False, blank=True, max_length=120)
    datumObjave = models.DateField(null=False, blank=False)
    autor = models.ForeignKey(Autor, on_delete=models.CASCADE, null=True)   
    videofile= models.FileField(upload_to='images/', null=True, verbose_name="")

    def __str__(self):
        return str(self.naslov) + ', ' + str(self.datumObjave) + ', ' + str(self.autor) + ', ' + str(self.videofile)

视图.py

def dodajClanak(request):
    if request.method == 'GET':
        forma = ClanakForma()
    elif request.method == 'POST':
        forma = ClanakForma(request.POST)
        if forma.is_valid():
            data = Clanak()
            data.naslov = forma.cleaned_data['naslov']
            data.datumObjave = forma.cleaned_data['datumObjave']
            data.autor = forma.cleaned_data['autor']
            data.videofile = forma.cleaned_data['videofile']
            #data.email = forma.cleaned_data['email']
            data.save()
            return redirect('readAllNew')
    return render(request, 'justadded.html', {'forma':forma})

def readAllNew(request):
    data = list(Clanak.objects.all())
    return render(request, 'readAllNew.html', {'data':data})

网址.py:

urlpatterns = [
    path('dodajClanak/',views.dodajClanak, name='dodajClanak'),
    path('readAllNew/',views.readAllNew, name='readAllNew'),
] + static(settings.MEDIA_URL, document_root= settings.MEDIA_ROOT)

刚刚添加的.html:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<form action="{% url 'dodajClanak' %}" method="post">
    {% csrf_token %}
    <table border="1">
        {{forma.as_table}}
    </table>

    <input type="submit" name="">
</form>
</body>
</html>   

readAllNew.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<table border="1">

        <tr>
        <th>Naslov</th>
        <th>Datum</th>
        <th>Autor</th>
        <th>Slika</th>
        </tr>
        {% for x in data %}
    <tr>
        <td>{{x.naslov}}</td>
        <td>{{x.datumObjave}}</td>
        <td>{{x.autor}}</td>
        <td><img src='{{ MEDIA_URL }}{{ imagefile }}'></td>
        <td><a href="{% url 'delete' x.id %}">delete</a></td>
        <td><a href="{% url 'edit' x.id %}">edit</a></td>
    </tr>
    {% endfor %}
</table>
</body>
</html>

我的问题是当我去http://127.0.0.1:8000/dodajClanak/并尝试上传图片时出现错误:

图片

在英文上它说:“你没有选择任何图像”。

当我打开链接http://127.0.0.1:8000/readAllNew/时,我看不到任何图像:

图片2

我可以通过管理站点上传它,但仍然看不到它。

图3

标签: djangodjango-modelsdjango-formsdjango-templatesdjango-views

解决方案


将表格更改为

<form action="{% url 'dodajClanak' %}" method="post" enctype=multipart/form-data>

并从这里查看

 forma = ClanakForma(request.POST)
    if forma.is_valid():
        data = Clanak()
        data.naslov = forma.cleaned_data['naslov']
        data.datumObjave = forma.cleaned_data['datumObjave']
        data.autor = forma.cleaned_data['autor']
        data.videofile = forma.cleaned_data['videofile']
        #data.email = forma.cleaned_data['email']
        data.save()
        return redirect('readAllNew')

 forma = ClanakForma(request.POST,request.FILES)
    if forma.is_valid():

        forma.save()
        return redirect('readAllNew')

当您使用ModelForm时,无需编写所有这些行


推荐阅读