前端教程:Django上传文件

开课吧开课吧锤锤2021-08-12 11:50

对于Web应用程序,以便能够上传文件(资料图片,歌曲,PDF格式,文字......),它通常是很有用的。让我们在这一节中来讨论如何使用Django上传文件。  

前端教程:Django上传文件

上传图片  

在开始开发图片上传之前,请确保Python的图像库(PIL)已经安装。现在来说明上传图片,让我们创建一个配置文件格式,在myapp/forms.py -  

#-*- coding: utf-8 -*-
from django import forms

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

正如你所看到的,这里的主要区别仅仅是forms.ImageField。ImageField字段将确保上传的文件是一个图像。如果不是,格式验证将失败。  

现在,让我们创建一个 “Profile” 模型,以保存上传的资料。在 myapp/models.py -  

from django.db import models

class Profile(models.Model):
   name = models.CharField(max_length = 50)
   picture = models.ImageField(upload_to = 'pictures')

   class Meta:
      db_table = "profile"

正如所看到的模型,ImageField 使用强制性参数:upload_to. 这表示硬盘驱动器,图像保存所在的地方。注意,该参数将被添加到settings.py文件中定义的MEDIA_ROOT选项。  

现在我们有表单和模型,让我们来创建视图,在myapp/ views.py -  

#-*- coding: utf-8 -*-
from myapp.forms import ProfileForm
from myapp.models import Profile

def SaveProfile(request):
   saved = False
   
   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()
         saved = True
   else:
      MyProfileForm = Profileform()
		
   return render(request, 'saved.htmll', locals())

这部分不要错过,创建一个ProfileForm并做了一些修改,添加了第二个参数:request.FILES. 如果不通过表单验证会失败,给一个消息,说该图片是空的。  

现在,我们只需要saved.htmll模板和profile.htmll模板,表单和重定向页面−  

myapp/templates/saved.htmll −  

<html>
   <body>
   
      {% if saved %}
         <strong>Your profile was saved.</strong>
      {% endif %}
      
      {% if not saved %}
         <strong>Your profile was not saved.</strong>
      {% endif %}
      
   </body>
</html>

myapp/templates/profile.htmll −

<html>
   <body>
   
      <form name = "form" enctype = "multipart/form-data" 
         action = "{% url "myapp.views.SaveProfile" %}" method = "POST" >{% csrf_token %}
         
         <div style = "max-width:470px;">
            <center>  
               <input type = "text" style = "margin-left:20%;" 
               placeholder = "Name" name = "name" />
            </center>
         </div>
			
         <br>
         
         <div style = "max-width:470px;">
            <center> 
               <input type = "file" style = "margin-left:20%;" 
                  placeholder = "Picture" name = "picture" />
            </center>
         </div>
			
         <br>
         
         <div style = "max-width:470px;">
            <center> 
            
               <button style = "border:0px;background-color:#4285F4; margin-top:8%; 
                  height:35px; width:80%; margin-left:19%;" type = "submit" value = "Login" >
                  <strong>Login</strong>
               </button>
               
            </center>
         </div>
         
      </form>
      
   </body>
</html> 

接下来,我们需要配对网址以开始: myapp/urls.py  

from django.conf.urls import patterns, url
from django.views.generic import TemplateView

urlpatterns = patterns(
   'myapp.views', url(r'^profile/',TemplateView.as_view(
      template_name = 'profile.htmll')), url(r'^saved/', 'SaveProfile', name = 'saved')
)

当访问"/myapp/profile",我们会得到下面profile.htmll模板显示 −  

前端教程:Django上传文件

在格式提交后,已保存的模板将显示如下 −  

前端教程:Django上传文件

这里我们只讲解图片上传示例,但如果想上传其他类型的文件,只需更换 ImageField 在这两个模型及FileField表单。  

以上就是开课吧广场小编为大家整理发布的“前端教程:Django上传文件”一文,更多Web教程相关内容尽在开课吧广场Web教程频道!

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营