上传图片并显示在Django 2.0模板上

2024-06-20 15:13:16 发布

您现在位置:Python中文网/ 问答频道 /正文

我的模板上有以下代码:

{% extends "base.html" %}
{% block content %}
<div style="padding:40px;margin:40px;border:1px solid #ccc">
    <h1>picture</h1>
    <form action="" method="post" enctype="multipart/form-data"> <!--{% url 'imageupload' %}-->
        {% csrf_token %} {{form}} 
        <input type="submit" value="Upload" />
    </form>
{% for img in images %}
    {{forloop.counter}}.<a href="{{ img.pic.url }}">{{ img.pic.name }}</a>
    ({{img.upload_date}})<hr />
{% endfor %}
</div>
{% endblock content %}

虽然我对form action有疑问,但无论如何。在

问题是当我点击submit按钮时,它会把我带到一个空白页面,没有弹出窗口来真正上传图像,什么都没有。在

有什么我应该遵循的例子来完成这一点吗?在

另外,这只是一个验证测试,但我想知道它是否真的需要一个模型和/或表单来工作?在

编辑

好吧,通过像这样编辑input行,它实际上打开了文件弹出窗口,但显然它不上载任何内容,它需要一个submit按钮之类的东西,所以,现在它看起来像这样:

^{pr2}$

在 {%endblock content%}

但是当我单击submit时,它会一直将我发送到一个空白页面,因此,submit上的值Upload来自于此模型:

from django.db import models
from django.forms import ModelForm

class Upload(models.Model):
    pic = models.FileField(upload_to="static/")    
    upload_date=models.DateTimeField(auto_now_add =True)

class UploadForm(ModelForm):
    class Meta:
        model = Upload
        fields = ('pic',)

在我的视图.py公司名称:

from django.shortcuts import render
from uploader.models import UploadForm,Upload
from django.http import HttpResponseRedirect
from django.urls import reverse

def home(request):
    if request.method=="POST":
        img = UploadForm(request.POST, request.FILES)       
        if img.is_valid():
            img.save()  
            return HttpResponseRedirect(reverse('imageupload'))
    else:
        img=UploadForm()
    images=Upload.objects.all()
    return render(request,'image_upload.html',{'form':img,'images':images})

在我的网址.py公司名称:

from django.conf import settings
from django.conf.urls import include, url
from django.conf.urls.static import static
from django.contrib import admin
from django.views.generic import TemplateView
from django.views import defaults as default_views
from uploader import views as uploader_views

urlpatterns = [...
    some patterns...
    url(r'^image_upload/', uploader_views.home, name='imageupload'),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Tags: djangofromimportformurlimgmodelsrequest