一、新建项目,在主配置文件中,修改以下内容:
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文件下,粘贴如下代码:
from django.db import models class User(models.Model): name = models.CharField(max_length=12) file = models.FileField(upload_to='headpics')
不要忘了在主配置文件的 INSTALLED_APPS 列表下注册该app。
然后在控制台执行如下命令:
python manage.py makemigrations uploadFile python manage.py migrate uploadFile
三、编写路由
在主路由模块下粘贴如下代码:
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模块,即编写二级路由。
在二级路由下粘贴如下代码:
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文件下粘贴如下代码:
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文件内粘贴如下代码:
<!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>