当前位置：首页 > news >正文

Django 文件上传（十二）

news 2025/7/7 6:58:33

当 Django 处理文件上传时，文件数据最终会被放置在 request.FILES 。

查看文档：文件上传 | Django 文档 | Django

Django工程如下：

创建本地存储目录

在static/应用目录下创建uploads目录用于存储接收上传的文件

在settings.py 配置静态目录和上传目录

#指定静态文件路径
STATICFILES_DIRS=[BASE_DIR / 'static'
]#媒体文件本地存放路径 (如果是模块，则必须指定哦！！)
MEDIA_ROOT= BASE_DIR / 'App/static/uploads'

一、单个文件上传

1、models.py模型数据

from django.db import models# Create your models here.
#存放用户图片数据表
class UserModel(models.Model):#用户名name=models.CharField(max_length=100,unique=True)#图片icon=models.CharField(max_length=300)class Meta:db_table='user'verbose_name='用户表'verbose_name_plural=verbose_name

注意：迁移文件

2、upload.html页面

<body><h2>单个文件上传</h2><hr/><form action="" method="post" enctype="multipart/form-data">{% csrf_token %}<p>用户名:<input type="text" name="uname"/></p><p>头像:<input type="file" name="icon"/></p><p><button>上传图片</button></p></form>
</body>

注意：from表单上传文件需要加 enctype=”multipare/form-data” 必须是post请求。

3、views.py视图函数

#单个文件上传
def upload_1(request):if request.method=='GET':return  render(request,'upload.html')elif request.method=='POST':#获取文件上传数据uname=request.POST.get('uname')#获取文件icon=request.FILES.get('icon')#上传到本地#调用方法-#337791d7-8ae5-4d97-b0d8-17dcc71fd94f.jpgfilename=getUuidName()+icon.name[icon.name.rfind('.'):]#1.分段保存上传的路径file_path=os.path.join(settings.MEDIA_ROOT,filename)print(filename,file_path)#分段存入with open(file_path,'ab') as f:#循环for part in icon.chunks():f.write(part) #写入f.flush()  #清空缓存#2.将上传文件保存到数据表中user=UserModel()user.name=unameuser.icon='uploads/'+filenameuser.save()return render(request, 'upload.html')#通过uuid获取唯一的图片名
def getUuidName():return str(uuid.uuid4())  #随机生成名字#显示图片
def showImg(request,id):user= UserModel.objects.get(pk=id)return render(request, 'show.html',{'user':user})

4、urls.py路由

from django.contrib import admin
from django.urls import path
from App.views import *urlpatterns = [path('index/', index),  # 静态文件path('up1/', upload_1),  # 文件上传path('show/<int:id>', showImg, name='show'),  # 显示图片path('up2/', upload_2),  # 文件上传morepath('show2/<int:id>', showImg2, name='show2'),  # 显示图片morepath('admin/', admin.site.urls),
]

5、show.html 显示上传的图片

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>{%  load static %}<link rel="stylesheet" href="{% static 'css/show.css' %}">
</head>
<body><h2>显示图片</h2><hr/>{%  load static %}<p id="p">{{ user.name }}</p><p><img src="{% static user.icon %}"> </p>
</body>
</html>

6、运行

二、多个文件上传

1、uploadmore.html页面

<body><h2>多个文件上传</h2><hr/><form action="" method="post" enctype="multipart/form-data">{% csrf_token %}<p>用户名:<input type="text" name="uname"/></p>
{#         <p>头像:<input type="file" name="icon"/></p>#}{{ form }}<p><button>上传图片</button></p></form>
</body>

2、views.py视图函数

#########################################################
#表单类
class FileUploadForm(forms.Form):files=forms.FileField(widget=forms.ClearableFileInput(attrs={'multiple':True}))#多个文件上传
def upload_2(request):if request.method == 'POST':#获取表单类form=FileUploadForm(request.POST,request.FILES)#判断if form.is_valid():# 获取文件上传数据uname = request.POST.get('uname')# 获取文件icons = request.FILES.getlist('files')#保存多个文件名ll_names=[]#循环图片for file in icons:#处理上传文件handle_uploaded_file(file)#保存文件名ll_names.append('uploads/' + file.name)#列表转换成字符串strs = ','.join(ll_names)# 2.将上传文件保存到数据表中user = UserModel()user.name = unameuser.icon =strsuser.save()# print(ll_names, strs)return render(request, 'showmore.html')else:form = FileUploadForm()return render(request, 'uploadmore.html', {'form': form})def handle_uploaded_file(file):""" 文件保存处理 """filePath = os.path.join(settings.MEDIA_ROOT, file.name)# 保存文件with open(filePath, 'wb+') as fp:for info in file.chunks():fp.write(info)fp.flush()#显示图片
def showImg2(request,id):user= UserModel.objects.get(pk=id)return render(request, 'showmore.html',{'user':user})

3、自定义模板标签和过滤器

文档：https://docs.djangoproject.com/zh-hans/4.0/howto/custom-template-tags/

from django.template import Library
register = Library()@register.filter(name="split")
def split(value, key):"""Returns the value turned into a list."""return value.split(key)

注意：必须重启服务器，自定义模板才生效！！

4、showmore.html 显示上传的图片

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>{%  load static %}<link rel="stylesheet" href="{% static 'css/show.css' %}">
</head>
<body><h2>显示更多图片</h2><hr/>{%  load static %}<p id="p">{{ user.name }}</p>{# 开发服务器并不会自动重启 添加 templatetags 模块后，你需要重启服务器，这样才能在模板中使用 tags 和 filters。#}
{#    加载自定义模板#}
{% load myfilter %}{% with user.icon|split:"," as details %}{% for im in details %}<p><img src="{% static im %}"> </p>{% endfor %}{% endwith %}</body>
</html>

5、运行

单个或多个文件上传，查看文档还是容易实现！！！

Django 文件上传（十二）

当 Django 处理文件上传时，文件数据最终会被放置在 request.FILES 。查看文档：文件上传 | Django 文档 | Django Django工程如下： 创建本地存储目录在static/应用目录下创建uploads目录用于存储接收上传的文件在settings.py 配置静态目…...

编程日记 2023/12/30 8:54:41

k8s的陈述式资源管理

k8s的陈述式资源管理： 命令行：kubectl命令行工具优点：90%以上的场景都可以满足对资源的增，删，查比较方便，对改不是很友好缺点： 命令比较冗长，复杂，难记声明式&…...

编程日记 2023/12/30 8:52:39

electron-builder 打包exe后白屏

项目用的是An Electron application with Vue3 and TypeScript。 Debug运行项目没问题，可以显示页面。不过有浏览器控制台显示错误： Unable to load preload script：preload/index.js Unable to load preload script 翻译后：无法…...

编程日记 2023/12/30 8:48:36

mvvm，vue双向数据绑定的原理

MVVM (Model-View-ViewModel) 是一种设计模式，主要用于构建用户界面。在 MVVM 中，Model 表示应用程序的数据，View 表示用户界面，而 ViewModel 是 Model 和 View 之间的连接器。MVVM 的核心思想是将视图与模型分离，使它…...

编程日记 2023/12/30 8:43:32

【Java中序列化的原理是什么（解析）】

🍁序列化的原理是什么？ 🍁典型-----解析🍁拓展知识仓🍁Serializable 和 Externalizable 接门有何不同? 🍁如果序列化后的文件或者原始类被篡改，还能被反序列化吗?🍁serialVersionU…...

编程日记 2023/12/30 8:42:31

冠赢互娱基于 OpenKrusieGame 实现游戏云原生架构升级

作者：力铭关于冠赢互娱冠赢互娱是一家集手游、网游、VR 游戏等研发、发行于一体的游戏公司，旗下官方正版授权的传奇类手游——《仙境传奇》系列深受广大玩家们的喜爱。基于多年 MMORPG 类型游戏的自研与运营经验，冠赢互娱正式推出了 2D M…...

编程日记 2023/12/30 8:38:28

Mybatis 动态 SQL - trim, where, set

之前的例子都巧妙地避开了一个臭名昭著的动态SQL挑战。考虑一下如果我们回到之前的“if”例子，但这次我们将“ACTIVE 1”也作为一个动态条件。 <select id"findActiveBlogLike"resultType"Blog">SELECT * FROM BLOGWHERE<if test&qu…...

编程日记 2023/12/30 8:36:26

大模型系列：OpenAI使用技巧_使用OpenAI进行K-means聚类

文章目录 1. 使用K-means算法找到聚类2. 聚类中的文本样本和聚类的命名让我们展示每个聚类中的随机样本。我们使用一个简单的k-means算法来演示如何进行聚类。聚类可以帮助发现数据中有价值的隐藏分组。数据集是在 Get_embeddings_from_dataset Notebook中创建的。 # 导入必要…...

编程日记 2023/12/30 8:34:24

共享单车之数据分析

文章目录第1关：统计共享单车每天的平均使用时间第2关：统计共享单车在指定地点的每天平均次数第3关：统计共享单车指定车辆每次使用的空闲平均时间第4关：统计指定时间共享单车使用次数第5关：统计共享单车线路流量第1关…...

编程日记 2023/12/30 8:32:22

Spring的Bean你了解吗

Bean的配置 Spring容器支持XML(常用)和Properties两种格式的配置文件 Spring中XML配置文件的根元素是,中包含了多个子元素，每个子元素定义了一个Bean,并描述了该Bean如何装配到Spring容器中元素包含了多个属性以及子元素，常用属性及子元素如下所示 i…...

编程日记 2023/12/30 8:29:19

MongoDB聚合：$merge 阶段（1）

$merge的用途是把聚合管道产生的结果写入指定的集合，有时候可以用$merge来做物化视图。需要注意，$meger操作必须是聚合管道的最后一个阶段。具体功能有： 能够输出到当前或不同的数据库能够输出到正在聚合的集合（慎重：…...

编程日记 2023/12/30 8:27:18

2. 云原生实战之kubesphere搭建

文章目录机器介绍centos基本配置安装 VMware Tools设置静态ip关闭防火墙关闭SELinux开启时间同步配置host和hostname 安装kubesphere依赖项安装配置文件准备执行安装命令机器介绍在ESXI中准备虚拟机，部署参考官网：https://kubesphere.io/zh/ CentOs…...

编程日记 2023/12/30 8:26:16

main参数传递、反汇编、汇编混合编程

week03 一、main参数传递二、反汇编三、汇编混合编程一、main参数传递参考 http://www.cnblogs.com/rocedu/p/6766748.html#SECCLA 在Linux下完成“求命令行传入整数参数的和” 注意C中main: int main(int argc, char *argv[]), 字符串“12” 转为12，可以调用atoi…...

编程日记 2023/12/30 8:25:15

前后端分离nodejs+vue医院预约挂号系统6nrhh

医院预约挂号系统主要有管理员、用户和医生三个功能模块。以下将对这三个功能的作用进行详细的剖析。运行软件:vscode 前端nodejsvueElementUi 语言 node.js 框架：Express/koa 前端:Vue.js 数据库：mysql 开发软件：VScode/webstorm/hbuiderx均…...

编程日记 2023/12/30 8:21:09

在pytorch中，读取GPU上张量的数值 (数据从GPU到CPU) 的几种常用方法

1、.cpu() 方法： 使用 .cpu() 方法可以将张量从 GPU 移动到 CPU。这是一种简便的方法，常用于在进行 CPU 上的操作之前将数据从 GPU 取回 import torch# 在 GPU 上创建一个张量 gpu_tensor torch.tensor([1, 2, 3], devicecuda)# 将 GPU 上的张…...

编程日记 2023/12/30 8:20:08

【mysql】—— 表的内连和外连

在MySQL中，内连（INNER JOIN）和外连（OUTER JOIN）是用于联接多个表的操作。接下来，我分别给大家介绍下二者。目录 （一）内连接 1、什么叫内连接 2、语法格式 3、案例：显…...

编程日记 2023/12/30 8:18:07

VSCode远程开发配置

目录概要远程开发插件安装开始连接SSH无密码登录开发环境配置概要现在很多公司都是直接远程到服务器上写代码，使用远程开发，可以在与生产环境相同的环境中开发、测试和部署代码，减少因环境不同而导致的问题。当下VSCode远程开发是支持的比…...

编程日记 2023/12/30 8:14:04

复数值神经网络可能是深度学习的未来

一、说明复数这种东西，在人的头脑中似乎抽象、似乎复杂，然而，对于计算机来说，一点也不抽象，不复杂，那么，将复数概念推广到神经网络会是什么结果呢？本篇介绍国外的一些同行的尝试实践，请我们注意观察他们的进展。...

编程日记 2023/12/30 8:11:01

【C语言】数据结构——排序二（快排）

💗个人主页💗 ⭐个人专栏——数据结构学习⭐ 💫点击关注🤩一起学习C语言💯💫 目录导读：数组打印与交换1. 交换排序1.1 基本思想：1.2 冒泡与快排的异同 2. 冒泡排序2.1 基本思想2.2 …...

编程日记 2023/12/30 8:09:00

企业私有云容器化架构

什么是虚拟化: 虚拟化（Virtualization）技术最早出现在 20 世纪 60 年代的 IBM 大型机系统，在70年代的 System 370 系列中逐渐流行起来，这些机器通过一种叫虚拟机监控器（Virtual Machine Monitor，VMM&#x…...

编程日记 2023/12/30 8:07:59

python打卡day49

知识点回顾： 通道注意力模块复习空间注意力模块CBAM的定义作业：尝试对今天的模型检查参数数目，并用tensorboard查看训练过程 import torch import torch.nn as nn# 定义通道注意力 class ChannelAttention(nn.Module):def __init__(self,…...

编程新知 2025/7/6 22:31:45

shell脚本--常见案例

1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件： 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...

编程新知 2025/7/7 1:48:28

通过Wrangler CLI在worker中创建数据库和表

官方使用文档：Getting started Cloudflare D1 docs 创建数据库在命令行中执行完成之后，会在本地和远程创建数据库： npx wranglerlatest d1 create prod-d1-tutorial 在cf中就可以看到数据库： 现在，您的Cloudfla…...

编程新知 2025/7/5 0:21:39

1.3 VSCode安装与环境配置

进入网址Visual Studio Code - Code Editing. Redefined下载.deb文件，然后打开终端，进入下载文件夹，键入命令 sudo dpkg -i code_1.100.3-1748872405_amd64.deb 在终端键入命令code即启动vscode 需要安装插件列表 1.Chinese简化 2.ros …...

编程新知 2025/7/6 0:36:42

Mac软件卸载指南，简单易懂！

刚和Adobe分手，它却总在Library里给你写"回忆录"？卸载的Final Cut Pro像电子幽灵般阴魂不散？总是会有残留文件，别慌！这份Mac软件卸载指南，将用最硬核的方式教你"数字分手术"&#xff0…...

编程新知 2025/7/6 8:47:16

智能仓储的未来：自动化、AI与数据分析如何重塑物流中心

当仓库学会“思考”，物流的终极形态正在诞生想象这样的场景： 凌晨3点，某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径；AI视觉系统在0.1秒内扫描包裹信息；数字孪生平台正模拟次日峰值流量压力…...

编程新知 2025/7/6 22:49:35

微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据

微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据 Power Query 具有大量专门帮助您清理和准备数据以供分析的功能。您将了解如何简化复杂模型、更改数据类型、重命名对象和透视数据。您还将了解如何分析列，以便知晓哪些列包含有价值的数据，…...

编程新知 2025/7/7 0:36:06

Python+ZeroMQ实战：智能车辆状态监控与模拟模式自动切换

目录关键点技术实现1 技术实现2 摘要： 本文将介绍如何利用Python和ZeroMQ消息队列构建一个智能车辆状态监控系统。系统能够根据时间策略自动切换驾驶模式（自动驾驶、人工驾驶、远程驾驶、主动安全），并通过实时消息推送更新车…...

编程新知 2025/6/21 10:34:52

PHP 8.5 即将发布：管道操作符、强力调试

前不久，PHP宣布了即将在 2025 年 11 月 20 日正式发布的 PHP 8.5！作为 PHP 语言的又一次重要迭代，PHP 8.5 承诺带来一系列旨在提升代码可读性、健壮性以及开发者效率的改进。而更令人兴奋的是，借助强大的本地开发环境 ServBay&am…...

编程新知 2025/7/4 12:14:45

苹果AI眼镜：从“工具”到“社交姿态”的范式革命——重新定义AI交互入口的未来机会

在2025年的AI硬件浪潮中，苹果AI眼镜（Apple Glasses）正在引发一场关于“人机交互形态”的深度思考。它并非简单地替代AirPods或Apple Watch，而是开辟了一个全新的、日常可接受的AI入口。其核心价值不在于功能的堆叠，而在于如何通过形态设计打破社交壁垒，成为用户“全天佩戴…...

编程新知 2025/7/6 5:56:02

创建本地存储目录

一、单个文件上传

二、多个文件上传

相关文章：