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

Django静态文件媒体文件文件上传

news 2026/5/18 9:25:03

文章目录

一、静态文件和媒体文件
- 1.在django中使用静态文件
- 实践
- 2.在django中使用媒体文件
二、文件上传
- 单文件上传
- 实践
- 多文件上传

一、静态文件和媒体文件

媒体文件: 用户上传的文件，叫做media
静态文件:存放在服务器的css,js,image,font等 叫做static

1.在django中使用静态文件

1)首先确保django.contrib.staticfiles在 INSTALLED_APPS中
2)在settings中定义STATIC_URLSTATIC_URL = '/static/'
3)在你app的static目录中存放静态文件，比如App/static/example.jpg
4)如果有别的静态资源文件，不在app下的static目录下，可以通过STATICFILES_DIRS来指定额外的静态文件搜索目录。STATICFILES_DIRS = [os.path.join(BASE_DIR, "static"),...]
5)在模板中使用load标签去加载静态文件{% load static %}<img src="{% static "App/example.jpg" %}" />

实践

创建一个新项目 Day06DjangoPro01

在这里插入图片描述

每一个应用中都可以新建一个static和templates

在这里插入图片描述

如果想要额外再加一些静态文件路径，就再加一个STATICFILES_DIRS
在这里插入图片描述

App\templates\index.html
一般用<link rel="stylesheet" href="{% static 'css/index.css' %}">

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>使用静态文件</title>{% load static %}
{#    <link rel="stylesheet" href="/static/css/index.css">#}<link rel="stylesheet" href="{% static 'css/index.css' %}"></head>
<body>
<h2>使用静态文件</h2>
<hr></body>
</html>

App\static\css\index.css

h2 {color: #7FFF00FF;
}

根路由Day06DjangoPro01\urls.py

from django.contrib import admin
from django.urls import path
from App.views import *urlpatterns = [path('admin/', admin.site.urls),path('index/', index),
]

App\views.py

from django.shortcuts import render# 静态文件的使用
def index(request):return render(request, 'index.html')

在这里插入图片描述

在项目根目录下的static和templates 也是可以这样用的

2.在django中使用媒体文件

在settings中配置	MEDIA_ROOTMEDIA_ROOT = os.path.join(BASE_DIR, "media")

二、文件上传

单文件上传

文件上传要求form表单存在enctype="multipart/form-data"属性，并且提交方法是post。<form enctype="multipart/form-data" action="/uploadFile/" method="post"><input type="file"name="myfile" /><br/><input type="submit" value="upload"/></form>最简单的文件上传:
def file_upload(request):if request.method =='POST':# 获取上传的文件，如果没有文件，则默认为NonemyFile = request.FILES.get( 'myfile'， None)if not myFile:return HttpResponse("no files for upload")file_path = os.path.join(settings.MEDIA_ROOT, '1.jpg')with open(file_path, 'ab') as fp:for part in myFile.chunks():fp.write(part)return HttpResponse("上传成功!")else:return render(request,'index.html')

实践

在settings中配置 MEDIA_ROOT

# 媒体文件
MEDIA_ROOT = BASE_DIR / 'static/upload'

在这里插入图片描述

templates\upload1.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><h2>单文件上传</h2><form action="" enctype="multipart/form-data" method="post">{% csrf_token %}用户名：<input type="text" name="username"><br>头像：<input type="file"name="icon" /><br/><button>上传图片</button></form>
</body>
</html>

App\models.py

from django.db import models# 用户
class UserModel(models.Model):# 名字name = models.CharField(max_length=30, unique=True)# 头像icon = models.CharField(max_length=255)

写完之后记得做迁移

生成迁移文件: python manage.py makemigrations
执行迁移: python manage.py migrate

App\views.py

import os
import uuidfrom django.conf import settingsfrom django.shortcuts import render# 上传文件:媒体文件
# 单文件上传
from App.models import UserModeldef upload1(request):if request.method == 'GET':return render(request, 'upload1.html')elif request.method == 'POST':# 单文件上传username = request.POST.get('username')icon = request.FILES.get('icon')  # 只有一个文件用get()print(icon, type(icon))  # 文件对象# picture3.jpg   <class 'django.core.files.uploadedfile.TemporaryUploadedFile'>print(icon.name)  # picture3.jpg# 1. 将上传的图片存储到后端对应的媒体文件夹中# file_name = icon.name  # 图片名称尽量不要使用原图名称# file_name = gen_uuid_name() + icon.name[icon.name.rfind('.'):]  # icon.name.rfind('.') 获得最后一个.的下标, 拿到的是 .jpgfile_name = gen_uuid_name() + os.path.splitext(icon.name)[-1]  # os.path.splitext得到的是一个数组，取最后一个, 拿到的是 .jpg# 后面可以加个时间戳file_path = os.path.join(settings.MEDIA_ROOT, file_name)  # settings.py 设置的文件路径 MEDIA_ROOTprint('file_path', file_path)  # D:\xxx\pythonCode\Django学习\code\Day06DjangoPro01\static\upload\picture3.jpg# 分段写入文件with open(file_path, 'ab') as fp:  # ab 追加写的方式for part in icon.chunks():  # icon.chunks()方法 会一段一段的取，直到你取完为止，考虑到上传视频很大的话，一次性取会占很大一块内存，所以分段取fp.write(part)fp.flush()  # 写一段，清空一次缓存# 如果要把用户的图片存起来,不是直接把图片的二进制存起来,虽然可以存二进制,但是我们一般不存二进制# 2. 存到本地。将该媒体文件的路径 存入到数据库中。因为图片视频的二进制都比较大，如果存二进制到数据库会很大user = UserModel()user.name = usernameuser.icon = 'upload/' + file_nameuser.save()  # 保存return render(request, 'upload1.html')# 得到一个图片名称(通过uuid来得到唯一的图片名称)
def gen_uuid_name():return str(uuid.uuid4())  # 它会根据我们的时间还有随机数之类的东西去生成唯一的字符串

urls.py

# 上传文件
path('upload1/', upload1),

浏览器http://127.0.0.1:8000/upload1/
在这里插入图片描述

可以看到上传成功啦！！！

多文件上传

App\models.py

# 相册
class PhotoModel(models.Model):img = models.CharField(max_length=255)  # 图片地址# 图片所属用户user = models.ForeignKey(UserModel, on_delete=models.PROTECT)  # 每一个照片只属于一个用户，一对多关系

写完之后记得做迁移

生成迁移文件: python manage.py makemigrations
执行迁移: python manage.py migrate

templates\upload2.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<h2>多文件上传</h2>{#  enctype="multipart/form-data"  : 支持文件上传  #}{#  multiple: 支持文件多选  #}<form action="" enctype="multipart/form-data" method="post">{% csrf_token %}用户id：<input type="text" name="userid"><br>请选择要上传的照片：<input type="file" name="imgs" multiple /><br/><button>上传图片</button></form>
</body>
</html>

App\views.py

import os
import uuidfrom django.conf import settingsfrom django.shortcuts import render
from App.models import *# 多文件上传
def upload2(request):if request.method == 'GET':return render(request, 'upload2.html')elif request.method == 'POST':userid = request.POST.get('userid')imgs = request.FILES.getlist('imgs')print('imgs: ', imgs)#  [<TemporaryUploadedFile: picture2.jpg (image/jpeg)>,#  <TemporaryUploadedFile: picture3.jpg (image/jpeg)>,...]for img in imgs:# 1. 把图片存储到uploads中file_name = gen_uuid_name() + os.path.splitext(img.name)[-1]file_path = os.path.join(settings.MEDIA_ROOT, file_name)  # 得到一个绝对文件路径with open(file_path, 'ab') as fp:for part in img.chunks():fp.write(part)fp.flush()#  2. 将图片路径存入到数据库中photo = PhotoModel()photo.img = 'uploads/' + file_namephoto.user_id = userid  # photo.user = UserModel.objects.filter(pk=userid).first()# 没查到就是None，暂时不考虑其他问题Nonephoto.save()return render(request, 'upload2.html')

urls.py

path('upload2/', upload2),  # 多文件上传

浏览器 http://127.0.0.1:8000/upload2/

在这里插入图片描述

可以看到，图片保存成功啦，数据也存到数据库啦

Django静态文件媒体文件文件上传

文章目录一、静态文件和媒体文件1.在django中使用静态文件实践2.在django中使用媒体文件二、文件上传单文件上传实践多文件上传一、静态文件和媒体文件媒体文件: 用户上传的文件，叫做media 静态文件:存放在服务器的css,js,image,font等叫做static1.在django中…...

编程日记 2023/8/31 8:06:57

mysql 分库分表实现思路

MySQL的分库分表是一种常用的数据库拆分方案，它可以提高数据库的性能和扩展性。下面是一般的实现步骤： 数据库设计：首先，需要对数据库进行良好的设计。确定要分库分表的实体和关系，并根据业务需求进行合理的拆分。数…...

编程日记 2023/8/31 8:05:55

Android深思如何防止快速点击

前言其实快速点击是个很好解决的问题，但是如何优雅的去解决确是一个难题，本文主要是记录一些本人通过解决快速点击的过程中脑海里浮现的一些对这个问题的深思。作者：流浪汉kylin 链接：https://juejin.cn/post/7197337416096055…...

编程日记 2023/8/31 8:04:54

1、PHP自己的框架cookie() 2、cookie类（CookieBase.php） <?php class CookieBase {/*** 设置cookie*/public static function set($name, $value, $expire 3600, $path , $domain , $secure false, $httponly false) {setcookie($name, $valu…...

编程日记 2023/8/31 8:03:53

Spring Boot Dubbo Zookeeper（含ZK安装脚本）

文章目录 Spring Boot Dubbo Zookeeper（含ZK安装脚本）简介DubboCommonProviderConsumer Zookeeper Spring Boot Dubbo Zookeeper（含ZK安装脚本） 简介 Dubbo Common 公共依赖  <dependen…...

编程日记 2023/8/31 8:02:51

BigDecimal百科全书

一、BigDecimal简述 Java在java.math包中提供的API类BigDecimal，用来对超过16位有效位的数进行精确的运算。双精度浮点型变量double可以处理16位有效数，但在实际应用中，可能需要对更大或者更小的数进行运算和处理。一般情况下，…...

编程日记 2023/8/31 8:01:50

【30天熟悉Go语言】11 数组的全方位使用与解析

作者：秃秃爱健身，多平台博客专家，某大厂后端开发，个人IP起于源码分析文章 😋。源码系列专栏：Spring MVC源码系列、Spring Boot源码系列、SpringCloud源码系列（含：Ribbon、Feign&…...

编程日记 2023/8/31 8:00:49

静态路由(详细理解+实例精讲)

系列文章目录华为数通学习（6） 前言一，静态路由二，静态路由配置三，缺省路由四，缺省路由应用场景总结前言随着华为公司的不断发展，数据通信这门技术也越来越重要，很多人…...

编程日记 2023/8/31 7:59:47

leetcode做题笔记118. 杨辉三角

给定一个非负整数 numRows，生成「杨辉三角」的前 numRows 行。在「杨辉三角」中，每个数是它左上方和右上方的数的和。思路一：动态规划 int** generate(int numRows, int* returnSize, int** returnColumnSizes){int **returnnum(int **)…...

编程日记 2023/8/31 7:58:46

stm32之24.RTC闹钟usart端口修改配置

（需要修改） 源码 while(1){//rtc唤醒事件if(g_rtc_wakeup_event){//获取日期RTC_GetDate(RTC_Format_BCD,&RTC_DateStructure);printf("20%02x/%02x/%02xWeek:%x\r\n",RTC_DateStructure.RTC_Year,RTC_DateStructure.RTC_Month,RTC_Date…...

编程日记 2023/8/31 7:57:43

Spring Security无法调用接口错误解决

之前在写程序的时候，发现有个接口使用postmapping发送请求一直无法进行调用 PostMapping("/user/login")public ResponseResult login(User user){//登录，这里登录的时候需要传入用户名和密码System.out.println("user "user.toSt…...

编程日记 2023/8/31 7:56:41

运维Shell脚本小试牛刀(二)

运维Shell脚本小试牛刀(一) 运维Shell脚本小试牛刀(二) 运维Shell脚本小试牛刀(三)::$(cd $(dirname $0)； pwd)命令详解一: if---else.....fi 条件判断演示 [rootwww shelldic]# cat checkpass.sh #!/bin/bash - # # # # FILE: ch…...

编程日记 2023/8/31 7:55:40

飞天使-python的模块与包与装饰器

文章目录模块与包标准模块第三方模块自定义模块高级语法切片迭代器/生成器高级模式（闭包）高级模式（装饰器） 参考视频模块与包标准模块 import os print(os.getcwd())import sys print(sys.argv) print(sys.platform) print(…...

编程日记 2023/8/31 7:54:39

linux shell脚本利用 kill -0 检查进程是否存在

1.kill -0介绍 kill -0 pid用来检查进程是否存在，kill -0 pid解释(来自man kill)：“If sig is 0, then no signal is sent, but error checking is still performed.”不发送任何信号，但是系统会进行错误检查。 kill -0 pid ->若存在&am…...

编程日记 2023/8/31 7:53:38

抖音视频删了怎么在电脑上找回来

【昨天整理电脑文件时，不小心将剪辑好的抖音作品误删了，但是回收站中找不回来了，这些视频是我花了很多心血制作的，如果没了真的十分可惜！希望大家能帮帮我，告诉我应该如何恢复这些文件。】现在人们都喜欢…...

编程日记 2023/8/31 7:52:37

方面级别情感分析之四元组预测

情感四元组预测现有方法阅读本文之前我们默认你对情感分析有基本的认识。如果没有请阅读文章(https://tech.tcl.com/post/646efb5b4ba0e7a6a2da6476) 情感分析四元组预测涉及四个情感元素: 方面术语a，意见术语(也叫观点术语)o， 方面类别ac&#xff0c…...

编程日记 2023/8/31 7:51:36

算法稀疏数组数组优化数组压缩二维数组转稀疏数组算法合集（二）

1. 五子棋游戏，玩家对战一半停战休息，此时需要存储当前对战双方棋子信息 a. 采用二维数组存储： 0为空， 1代表黑棋 2代表蓝色棋子 b. 棋盘为11行，11列 > int [][] chessArray new int [11][11]; c. 出现的问题&am…...

编程日记 2023/8/31 7:50:34

交换机端口安全实验

文章目录一、实验的背景与目的二、实验拓扑三、实验需求四、实验解法1. PC配置IP地址部分2. 在SW1上开启802.1X身份验证3. 创建一个用户身份验证的用户。用户名为wangdaye，密码为1234564.创建一个端口隔离组，实现三台PC无法互相访问摘要： 本…...

编程日记 2023/8/31 7:49:32

c# 本地化中英文切换

区域线程默认区域为当前计算机所选区域设置当前区域： Thread.CurrentThread.CurrentCulture new CultureInfo(“zh-cn”); 获取当前区域： Console.WriteLine(Thread.CurrentThread.CurrentCulture.ToString()); 区域名称： “zh-cn” 中文…...

编程日记 2023/8/31 7:48:31

rabbitmq的优先级队列

在我们系统中有一个订单催付的场景，我们的客户在天猫下的订单 , 淘宝会及时将订单推送给我们，如果在用户设定的时间内未付款那么就会给用户推送一条短信提醒，很简单的一个功能对吧，但是，tianmao商家对我们来说&#…...

编程日记 2023/8/31 7:47:30

观察 Taotoken 在多地域请求下的延迟与稳定性表现

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度观察 Taotoken 在多地域请求下的延迟与稳定性表现对于依赖大模型 API 进行开发的团队而言，服务的延迟与稳定性是影响开…...

编程新知 2026/5/17 11:01:44

STM32F407移植QP状态机踩坑实录：从编译报错到成功运行，我解决了这三个关键问题

STM32F407移植QP状态机踩坑实录：从编译报错到成功运行，我解决了这三个关键问题在嵌入式开发中，状态机是一种极其重要的编程范式，它能有效管理复杂系统的行为逻辑。QP（Quantum Platform）作为一款轻量级的状…...

编程新知 2026/5/17 10:57:32

LearningX：构建结构化开发者知识体系，从基础到架构的实践指南

1. 项目概述：一个面向开发者的系统性学习仓库最近在GitHub上看到一个挺有意思的项目，叫“LearningX”。光看名字，你可能会觉得这又是一个普通的“Awesome-XXX”列表，或者是一堆学习资料的简单堆砌。但当我点进去，花了一…...

编程新知 2026/5/17 10:14:10

ARMv8-AArch64 异常处理实战：从寄存器解析到调试技巧

1. ARMv8-AArch64异常处理入门指南第一次接触ARMv8架构的异常处理时，我被那一堆寄存器搞得头晕眼花。ELR、ESR、FAR...这些缩写看起来就像天书一样。但经过几个实际项目的磨练后，我发现只要掌握几个关键点，异常处理其实并没有想象中那么难。…...

编程新知 2026/5/17 9:57:20

终极跨平台漫画阅读方案：nhentai-cross全平台使用指南

终极跨平台漫画阅读方案：nhentai-cross全平台使用指南【免费下载链接】nhentai-cross A nhentai client 项目地址: https://gitcode.com/gh_mirrors/nh/nhentai-cross 你是否厌倦了在不同设备间切换漫画阅读应用？nhentai-cross正是为你量身定制…...

编程新知 2026/5/17 9:40:46

YimMenu终极配置指南：从零开始掌握GTA V高级菜单工具

YimMenu终极配置指南：从零开始掌握GTA V高级菜单工具【免费下载链接】YimMenu YimMenu, a GTA V menu protecting against a wide ranges of the public crashes and improving the overall experience. 项目地址: https://gitcode.com/GitHub_Trending/yi/YimMe…...

编程新知 2026/5/17 9:26:55