快捷導(dǎo)航

django 文件上傳功能的相關(guān)實(shí)例代碼(簡(jiǎn)單易懂)

更新時(shí)間：2020年01月22日 11:09:16 作者：二十七º

這篇文章主要介紹了django 文件上傳功能的相關(guān)實(shí)例代碼,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

一、新建項(xiàng)目，在主配置文件中，修改以下內(nèi)容：

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]

在該項(xiàng)目下新建一個(gè)與 manage.py 同級(jí)的目錄文件，目錄名為media。
在media文件夾下新建一個(gè)子目錄，作為上傳文件的保存位置，這里我把該子目錄命名為headpics。即模擬保存用戶選擇的頭像文件。

二、新建APP（這里我把該app命名為uploadFile）

執(zhí)行如下命令將創(chuàng)建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 列表下注冊(cè)該app。

然后在控制臺(tái)執(zhí)行如下命令：

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自動(dòng)添加的，不需要的話可以刪去。

然后在uploadFile下新建urls.py模塊，即編寫二級(jí)路由。

在二級(jí)路由下粘貼如下代碼：

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'),
]

四、編寫視圖函數(shù)

在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下新建一個(gè)叫做templates的目錄，在該目錄下再新建一個(gè)叫做uploadFile的子目錄，在該子目錄下再新建一個(gè)叫做uploadFile的html文件。

在該html文件內(nèi)粘貼如下代碼：

<!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>
  頭像 : &nbsp;<input type="file" name="file"><br><br>
  <input type="submit" value="提交">
 </form>
</body>
</html>

大功告成！

運(yùn)行之后，在瀏覽器輸入 http://127.0.0.1:8000/index/file/ 可以看到界面效果，如下：