美文网首页
5.4 django 表单 文件上传

5.4 django 表单 文件上传

作者: yungege | 来源:发表于2019-08-17 20:56 被阅读0次

    文件上传:

    文件上传是网站开发中非常常见的功能。这里详细讲述如何在Django中实现文件的上传功能。

    前端HTML代码实现:

    1. 在前端中,我们需要填入一个form标签,然后在这个form标签中指定enctype="multipart/form-data",不然就不能上传文件。
    2. form标签中添加一个input标签,然后指定input标签的name,以及type="file"

    以上两步的示例代码如下:

    <form action="" method="post" enctype="multipart/form-data">
        <input type="file" name="myfile">
    </form>
    

    后端的代码实现:

    后端的主要工作是接收文件。然后存储文件。接收文件的方式跟接收POST的方式是一样的,只不过是通过FILES来实现。示例代码如下:

    def save_file(file):
        with open('somefile.txt','wb') as fp:
            for chunk in file.chunks():
                fp.write(chunk)
    
    def index(request):
        if request.method == 'GET':
            form = MyForm()
            return render(request,'index.html',{'form':form})
        else:
            myfile = request.FILES.get('myfile')
            save_file(myfile)
            return HttpResponse('success')
    

    以上代码通过request.FILES接收到文件后,再写入到指定的地方。这样就可以完成一个文件的上传功能了。

    使用模型来处理上传的文件:

    在定义模型的时候,我们可以给存储文件的字段指定为FileField,这个Field可以传递一个upload_to参数,用来指定上传上来的文件保存到哪里。比如我们让他保存到项目的files文件夹下,那么示例代码如下:

    # models.py
    class Article(models.Model):
        title = models.CharField(max_length=100)
        content = models.TextField()
        thumbnail = models.FileField(upload_to="files")
    
    
    # views.py
    def index(request):
        if request.method == 'GET':
            return render(request,'index.html')
        else:
            title = request.POST.get('title')
            content = request.POST.get('content')
            thumbnail = request.FILES.get('thumbnail')
            article = Article(title=title, content=content, thumbnail=thumbnail)
            article.save()
            return HttpResponse('success')
    

    调用完article.save()方法,就会把文件保存到files下面,并且会将这个文件的路径存储到数据库中。

    指定MEDIA_ROOTMEDIA_URL

    以上我们是使用了upload_to来指定上传的文件的目录。我们也可以指定MEDIA_ROOT,就不需要在FielField中指定upload_to,他会自动的将文件上传到MEDIA_ROOT的目录下。

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

    然后我们可以在urls.py中添加MEDIA_ROOT目录下的访问路径。示例代码如下:

    from django.urls import path
    from front import views
    from django.conf.urls.static import static
    from django.conf import settings
    
    urlpatterns = [
        path('', views.index),
    ] + static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)
    

    如果我们同时指定MEDIA_ROOTupload_to,那么会将文件上传到MEDIA_ROOT下的upload_to文件夹中。示例代码如下:

    class Article(models.Model):
        title = models.CharField(max_length=100)
        content = models.TextField()
        thumbnail = models.FileField(upload_to="%Y/%m/%d/")
    

    限制上传的文件拓展名:

    如果想要限制上传的文件的拓展名,那么我们就需要用到表单来进行限制。我们可以使用普通的Form表单,也可以使用ModelForm,直接从模型中读取字段。示例代码如下:

    # models.py
    class Article(models.Model):
        title = models.CharField(max_length=100)
        content = models.TextField()
        thumbnial = models.FileField(upload_to='%Y/%m/%d/',validators=[validators.FileExtensionValidator(['txt','pdf'])])
    
    # forms.py
    class ArticleForm(forms.ModelForm):
        class Meta:
            model = Article
            fields = "__all__"
    

    上传图片:

    上传图片跟上传普通文件是一样的。只不过是上传图片的时候Django会判断上传的文件是否是图片的格式(除了判断后缀名,还会判断是否是可用的图片)。如果不是,那么就会验证失败。我们首先先来定义一个包含ImageField的模型。示例代码如下:

    class Article(models.Model):
        title = models.CharField(max_length=100)
        content = models.TextField()
        thumbnail = models.ImageField(upload_to="%Y/%m/%d/")
    

    因为要验证是否是合格的图片,因此我们还需要用一个表单来进行验证。表单我们直接就使用ModelForm就可以了。示例代码如下:

    class MyForm(forms.ModelForm):
        class Meta:
            model = Article
            fields = "__all__"
    

    注意:使用ImageField,必须要先安装Pillow库:pip install pillow

    相关文章

      网友评论

          本文标题:5.4 django 表单 文件上传

          本文链接:https://www.haomeiwen.com/subject/oeqqsctx.html