django 文件上传功能的相关实例代码(简单易懂)
作者:二十七º 时间:2023-01-14 03:51:17
一、新建项目,在主配置文件中,修改以下内容:
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>
大功告成!
运行之后,在浏览器 输入 http://127.0.0.1:8000/index/file/ 可以看到界面效果,如下:
输入之后点击提交,数据就会被实时保存在数据库中,不过要记得在数据库中 file 字段保存的其实是文件的路径信息,是一个字符串。
同时,该文件也会保存在刚才创建的upload文件夹下。
可以尝试添加更多内容,比如在提交成功之后返回一个效果页面等。
总结
以上所述是小编给大家介绍的django 文件上传功能的相关实例代码,希望对大家有所帮助!
来源:https://blog.csdn.net/ckk727/article/details/104062238
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
![](https://img.aspxhome.com/file/2023/2/110382_0s.jpg)
SQLServer数据库中开启CDC导致事务日志空间被占满的原因
![](https://img.aspxhome.com/file/2023/5/104075_0s.png)
python opencv对图像进行旋转且不裁剪图片的实现方法
Python保姆式手把手带你掌握异常的捕获和处理
![](https://img.aspxhome.com/file/2023/0/71480_0s.png)
学习ASP.NET八天入门:第五天
基于TensorBoard中graph模块图结构分析
![](https://img.aspxhome.com/file/2023/8/127758_0s.jpg)
PHP查询快递信息的方法
python 从远程服务器下载日志文件的程序
利用WebBrowser彻底解决Web打印问题(包括后台打印)
PyQt5每天必学之像素图控件QPixmap
![](https://img.aspxhome.com/file/2023/4/105454_0s.jpg)
Linux中Python 环境软件包安装步骤
利用pandas进行大文件计数处理的方法
YUI 学习笔记:Event
基于Python实现体育彩票选号器功能代码实例
![](https://img.aspxhome.com/file/2023/9/118039_0s.png)
python实现感知器算法详解
![](https://img.aspxhome.com/file/2023/4/117934_0s.png)
将图片保存到mysql数据库并展示在前端页面的实现代码
![](https://img.aspxhome.com/file/2023/3/124493_0s.png)
解决vue请求接口第一次成功,第二次失败问题
干涉MySQL优化器使用hash join的方法
![](https://img.aspxhome.com/file/2023/6/103576_0s.png)
MySQL定时任务EVENT事件的使用方法
![](https://img.aspxhome.com/file/2023/2/65282_0s.png)
JavaScript控制flash操作 兼容IE FF[译]
![](https://img.aspxhome.com/file/UploadPic/200911/29/flashjr-60s.jpg)