Django教程(五)- 上传及显示

0.229字数 181阅读 1224

目录:

上传及显示

model.py
from django.db import models

# Create your models here.

class Profile(models.Model):
   name = models.CharField(max_length = 50)
   picture = models.ImageField(upload_to = 'pictures/')
views.py
from django.shortcuts import render
from django import forms
from .models import Profile
# Create your views here.

class ProfileForm(forms.Form):
   name = forms.CharField(max_length = 100)
   picture = forms.ImageField()


def saveProfile(request):


    if request.method == "POST":
        # Get the posted form
        MyProfileForm = ProfileForm(request.POST, request.FILES)

        if MyProfileForm.is_valid():
            profile = Profile()
            profile.name = MyProfileForm.cleaned_data["name"]
            profile.picture = MyProfileForm.cleaned_data["picture"]
            profile.save()

    else:
        MyProfileForm = ProfileForm()

    return render(request, 'saved.html', {"form":MyProfileForm})

def showImages(request):
    objs = Profile.objects.all()
    print objs
    return  render(request,"list.html",{"pics":objs})

工程目录的urls
from django.conf.urls import include, url
from django.contrib import admin
from django.conf.urls.static import static
from django.conf import settings


urlpatterns = [
    url(r'imgapp/',include("imgapp.urls")),
    url(r'^admin/', include(admin.site.urls)),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

工程目录settings增加下列代码

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

INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    
    'imgapp'
)
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR,'media')



App目录下的urls
from django.conf.urls import url

from . import views
urlpatterns = [


    url(r'^upload/$',views.saveProfile,name="upload"),
    url(r'^showlist/$',views.showImages,name="showlist"),

]
创建templates文件夹,分别创建saved.html,list.html

saved.html上传图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="{{ request.path }}"  method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        {{form.name}}<br/>
        {{form.picture}}

        <input type="submit" value="upload">
    </form>

</body>
</html>
list.html显示上传的图片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {% for pic in pics %}

    ![]({{ pic.picture.url }})
    <br/>

    {%endfor%}

</body>
</html>

实例代码操作:
显示之前先安装pip install pillow

上传树形图
  • views.py
# -*- coding: utf-8 -*-
from __future__ import unicode_literals

from django.shortcuts import render
from . import models
from django.forms import fields,Form,widgets
from django.http import HttpResponse
# Create your views here.



class uploadForm(Form):
    introduce = fields.CharField(max_length=50)
    picPath = fields.ImageField()



def load(request):
    if request.method == 'GET':
        uploadform = uploadForm()
        return render(request,'upload.html',{'form':uploadform})
    elif request.method == 'POST':
        uploadform = uploadForm(request.POST,request.FILES)
        if uploadform.is_valid():
            Load = models.loadmodel()
            Load.introduce = uploadform.cleaned_data['introduce']
            Load.picPath = uploadform.cleaned_data['picPath']
            Load.save()
            pics = models.loadmodel.objects.all()
            return render(request,'pics.html',{'pics':pics})

    else:
        return render(request,'upload.html')


def showAll(request):
    pics = models.loadmodel.objects.all()
    return render(request,'pics.html',{'pics':pics})



  • urls.py
from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'upload/$',views.load,name='upload'),
    url(r'showAll/$',views.showAll,name='showAll'),
]
  • models.py
# -*- coding: utf-8 -*-
from __future__ import unicode_literals

from django.db import models


    # Create your models here.
class loadmodel(models.Model):
    introduce = models.CharField(max_length=50)
    picPath = models.ImageField(upload_to='pictures/',)
  • pics.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片显示</title>
</head>
<body>

        <h1>图片显示</h1>
        {% for pic in pics %}
        ![]({{ pic.picPath.url }})
        <br>

        {% endfor %}


</body>
</html>
  • upload.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传</title>
</head>
<body>
    <form action="" method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        描述:{{form.introduce}}<br>
        {{form.picPath}}<br>

        <input type="submit" value="确定上传">

    </form>

</body>
</html>
上传

推荐阅读更多精彩内容