表单-文件上传

 

文件上传：

文件上传是网站开发中很是常见的功能。这里详细讲述如何在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_ROOT和MEDIA_URL：

以上咱们是使用了upload_to来指定上传的文件的目录。咱们也能够指定MEDIA_ROOT，就不须要在FielField中指定upload_to，他会自动的将文件上传到MEDIA_ROOT的目录下。

settings.py
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_ROOT和upload_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