Django 实现图片上传和显示过程详解
第1章新建工程和创建app
新建工程和创建app就不用贴出来了,我这里是测试图片上传的功能能否实现,所以项目都是新的,正常在以有的app下就可以
第2章模型层:
2.1创建数据库
fromdjango.dbimportmodels #Createyourmodelshere. classUser(models.Model): name=models.CharField(max_length=50) #upload_to指定上传文件位置 #这里指定存放在img/目录下 headimg=models.FileField(upload_to="img/") #返回名称 def__str__(self): returnself.name
2.2初始化数据库:
(mypy3)➜BBSpythonmanage.pymakemigrations Migrationsfor'app01': app01/migrations/0001_initial.py -CreatemodelUser (mypy3)➜BBSpythonmanage.pymigrate Operationstoperform: Applyallmigrations:admin,app01,auth,contenttypes,sessions
第3章修改配置文件
3.1settings中增加如下配置:
MEDIA_ROOT=os.path.join(BASE_DIR,'media').replace("\\","/") MEDIA_URL='/media/'
3.2工程的urls文件:
fromdjango.conf.urlsimporturl fromdjango.contribimportadmin fromdjango.urlsimportpath,include fromdjango.conf.urls.staticimportstatic fromdjango.confimportsettings urlpatterns=[ url(r'^admin/',admin.site.urls), #url(r'^regsiter/',views.regsiter), #url(r'',TemplateView.as_view(template_name="app01/index.html")), path('app01/',include('app01.urls')) ]+static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)
3.3app:
fromdjango.urlsimportpath from.importviews app_name='app01' urlpatterns=[ path('add/',views.add,name='add'), #path('index/',views.index,name='index'), ]
3.4修改模版配置:
TEMPLATES=[ { 'BACKEND':'django.template.backends.django.DjangoTemplates', 'DIRS':[os.path.join(BASE_DIR,'templates')], 'APP_DIRS':True, 'OPTIONS':{ 'context_processors':[ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ]
第4章数据校验模块:
数据需要校验的情况下,如果你不想校验,这个可以忽略
4.1在app下创建forms文件:
fromdjangoimportforms #表单类用以生成表单 classAddForm(forms.Form): name=forms.CharField() headimg=forms.FileField()
第5章视图层:
5.1编写图片处理逻辑
fromdjango.shortcutsimportrender from.modelsimportUser from.formsimportAddForm #Createyourviewshere. defadd(request): #判断是否为post方法提交 ifrequest.method=="POST": af=AddForm(request.POST,request.FILES) #判断表单值是否和法 ifaf.is_valid(): name=af.cleaned_data['name'] headimg=af.cleaned_data['headimg'] user=User(name=name,headimg=headimg) user.save() returnrender(request,'app01/index.html',context={"user":user}) else: af=AddForm() returnrender(request,'app01/add.html',context={"af":af})
第6章模版层:
上传的html
Add Add!
{%csrf_token%} {{af.as_p}}
查看的html
Detail {{user.name}}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。