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

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

news 2025/9/15 7:02: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

第19节 Node.js Express 框架

Express 是一个为Node.js设计的web开发框架，它基于nodejs平台。 Express 简介 Express是一个简洁而灵活的node.js Web应用框架, 提供了一系列强大特性帮助你创建各种Web应用，和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。 Expre…...

编程新知 2025/9/14 10:15:00

Swift 协议扩展精进之路：解决 CoreData 托管实体子类的类型不匹配问题（下）

概述在 Swift 开发语言中，各位秃头小码农们可以充分利用语法本身所带来的便利去劈荆斩棘。我们还可以恣意利用泛型、协议关联类型和协议扩展来进一步简化和优化我们复杂的代码需求。不过，在涉及到多个子类派生于基类进行多态模拟的场景下，…...

编程新知 2025/9/9 22:39:04

五年级数学知识边界总结思考-下册

目录一、背景二、过程1.观察物体小学五年级下册“观察物体”知识点详解：由来、作用与意义**一、知识点核心内容****二、知识点的由来：从生活实践到数学抽象****三、知识的作用：解决实际问题的工具****四、学习的意义：培养核心素养…...

编程新知 2025/6/20 13:47:44

学校时钟系统，标准考场时钟系统，AI亮相2025高考，赛思时钟系统为教育公平筑起“精准防线”

2025年#高考将在近日拉开帷幕，#AI 监考一度冲上热搜。当AI深度融入高考，#时间同步不再是辅助功能，而是决定AI监考系统成败的“生命线”。 AI亮相2025高考，40种异常行为0.5秒精准识别 2025年高考即将拉开帷幕，江西、…...

编程新知 2025/9/14 3:12:46

Reasoning over Uncertain Text by Generative Large Language Models

https://ojs.aaai.org/index.php/AAAI/article/view/34674/36829https://ojs.aaai.org/index.php/AAAI/article/view/34674/36829 1. 概述文本中的不确定性在许多语境中传达，从日常对话到特定领域的文档（例如医学文档）（Heritage 2013；Landmark、Gulbrandsen 和 Svenevei…...

编程新知 2025/9/13 17:40:39

保姆级教程：在无网络无显卡的Windows电脑的vscode本地部署deepseek

文章目录 1 前言2 部署流程2.1 准备工作2.2 Ollama2.2.1 使用有网络的电脑下载Ollama2.2.2 安装Ollama（有网络的电脑）2.2.3 安装Ollama（无网络的电脑）2.2.4 安装验证2.2.5 修改大模型安装位置2.2.6 下载Deepseek模型 2.3 将deepse…...

编程新知 2025/9/6 0:16:50

免费PDF转图片工具

免费PDF转图片工具一款简单易用的PDF转图片工具，可以将PDF文件快速转换为高质量PNG图片。无需安装复杂的软件，也不需要在线上传文件，保护您的隐私。工具截图主要特点 🚀 快速转换：本地转换，无需等待上…...

编程新知 2025/9/5 6:01:52

探索Selenium：自动化测试的神奇钥匙

目录一、Selenium 是什么1.1 定义与概念1.2 发展历程1.3 功能概述二、Selenium 工作原理剖析2.1 架构组成2.2 工作流程2.3 通信机制三、Selenium 的优势3.1 跨浏览器与平台支持3.2 丰富的语言支持3.3 强大的社区支持四、Selenium 的应用场景4.1 Web 应用自动化测试4.2 数据…...

编程新知 2025/7/17 22:23:49