一、新建项目,在主配置文件中,修改以下内容:
1
2
3
|
ALLOWED_HOSTS = [ '127.0.0.1' , 'localhost' ] MEDIA_ROOT = os.path.join(BASE_DIR, 'media' ) STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static' ), MEDIA_ROOT] |
在该项目下新建一个与 manage.py 同级的目录文件,目录名为media。
在media文件夹下新建一个子目录,作为上传文件的保存位置,这里我把该子目录命名为headpics。即模拟保存用户选择的头像文件。
二、新建APP(这里我把该app命名为uploadFile)
执行如下命令将创建app:
python manage.py startapp uploadFile
在uploadFile下的models.py文件下,粘贴如下代码:
1
2
3
4
5
|
from django.db import models class User(models.Model): name = models.CharField(max_length = 12 ) file = models.FileField(upload_to = 'headpics' ) |
不要忘了在主配置文件的 INSTALLED_APPS 列表下注册该app。
然后在控制台执行如下命令:
1
2
|
python manage.py makemigrations uploadFile python manage.py migrate uploadFile |
三、编写路由
在主路由模块下粘贴如下代码:
1
2
3
4
5
6
7
|
from django.contrib import admin from django.urls import path,include urlpatterns = [ path( 'admin/' , admin.site.urls), path( 'index/' ,include( "uploadFile.urls" )), ] |
admin 是pycharm自动添加的,不需要的话可以删去。
然后在uploadFile下新建urls.py模块,即编写二级路由。
在二级路由下粘贴如下代码:
1
2
3
4
5
6
7
8
|
from django.urls import path from . import views app_name = 'upload' urlpatterns = [ path( 'file/' ,views.userfile,name = 'userfile' ), path( 'file/detail/' ,views.detailFile,name = 'delfile' ), ] |
四、编写视图函数
在uploadFile的views.py文件下粘贴如下代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
from django.shortcuts import render,get_object_or_404 from django.http import HttpResponse import uuid,os from .models import User # Create your views here. def userfile(request): return render(request, 'uploadFile/uploadFile.html' ) def detailFile(request): if request.method = = "POST" : name = request.POST.get( 'name' ) file = request.FILES.get( 'file' , None ) if not file : return HttpResponse( "<p>您还未上传头像!</p>" ) file .name = getUUID( file .name) user = User.objects.create(name = name, file = file ) with open (os.path.join( "D:\\upload" , file .name), 'wb+' ) as relfile: for crunk in file .chunks(): relfile.write(crunk) return HttpResponse( "<p>上传成功!</p>" ) else : pass def getUUID(filename): id = str (uuid.uuid4()) extend = os.path.splitext(filename)[ 1 ] return id + extend |
五、编写模板
在uploadFile下新建一个叫做templates的目录,在该目录下再新建一个叫做uploadFile的子目录,在该子目录下再新建一个叫做uploadFile的html文件。
在该html文件内粘贴如下代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html> <html lang = "en" > <head> <meta charset = "UTF-8" > <title>upload< / title> < / head> <body> <form action = "{% url 'upload:delfile' %}" method = "post" enctype = "multipart/form-data" > { % csrf_token % } 昵称 :< input type = "text" name = "name" ><br><br> 头像 : < input type = "file" name = "file" ><br><br> < input type = "submit" value = "提交" > < / form> < / body> < / html> |
大功告成!
运行之后,在浏览器 输入 http://127.0.0.1:8000/index/file/ 可以看到界面效果,如下:
输入之后点击提交,数据就会被实时保存在数据库中,不过要记得在数据库中 file 字段保存的其实是文件的路径信息,是一个字符串。
同时,该文件也会保存在刚才创建的upload文件夹下。
可以尝试添加更多内容,比如在提交成功之后返回一个效果页面等。
总结
以上所述是小编给大家介绍的django 文件上传功能的相关实例代码,希望对大家有所帮助!
原文链接:https://blog.csdn.net/ckk727/article/details/104062238