Django教程（五）- 上传及显示
Django教程（五）- 上传及显示
Python攻城狮
发布于 2018-08-23 11:43:16
发布于 2018-08-23 11:43:16
上传及显示
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 %}
<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 %}
<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>
上传
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017.07.18 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录