一、静态文件的加载

1、使用步骤

①、在工程目录下创建static目录,创建css/js/images等目录,并添加相关资源

②、在settings.py中配置STATICFILES_DIRS

STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]

③、在模板中调用

  绝对路径:

<link rel="stylesheet" href="/static/css/my.css">

  相对路径:

{% load static %} 或 {% load staticfiles %}
<img src="{% static 'images/bige.jpg' %}">

2、重要配置

①、STATIC_URL

静态资源的虚拟路径,会启动“静态资源探测器”

②、STATICFILES_DIRS

“静态资源探测器”会首先去查找STATICFILES_DIRS配置里设置的目录下的静态资源;然后会去查找每个app下的static子目录下的静态资源

③、STATIC_ROOT

可以通过"python manage.py collectstatic"命令将所有应用的静态资源收集到STATIC_ROOT指向的目录中

二、文件上传

本质上就是文件的读写操作,从一个文件读取,到另外一个文件写入。

上传文件所在的表单必须设置enctype="multipart/form-data"

<form method="post"
action=""
enctype="multipart/form-data">
{% csrf_token %}
<input name="name" placeholder="用户名"> <br>
<input type="file" name="photo"><br>
<button>提交</button>
</form>

1、Python代码实现

将文件内容打碎,一块一块写入:chunks()

def upload_file(request):
if request.method == "GET":
return render(request, 'upload.html')
elif request.method == "POST":
icon = request.FILES.get("icon") with open("G:\code\django_test\static\img\icon.jpg", 'wb') as save_file: # 此处使用绝对路径
for part in icon.chunks():
save_file.write(part)
save_file.flush() # 写入一块就刷新一下,防止堵塞 return HttpResponse("文件上传成功")

2、ajax实现

def ajax_upload(request):
if request.method == 'GET':
return render(request,'upload_ajax.html')
else:
name = request.POST.get('ajaxname') # 接收文本框中的用户名
upload_obj = request.FILES.get('ajaxphoto') # 接收上传的文件,返回上传文件对象
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
upload_path = os.path.join(BASE_DIR, 'upload','ajax', upload_obj.name) # 拼接上传文件的路径
with open(upload_path, 'wb') as f:
for chunk in upload_obj.chunks():
f.write(chunk)
data = {
'status':'900',
'msg':'恭喜,'+ name + '上传成功',
'picpath':'ajax/'+ upload_obj.name,
}
return JsonResponse(data)
<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax上传文件</title>
<script src="{% static 'jquery-3.1.1.js' %}"></script>
</head>
<body>
{% csrf_token %}
<p>上传人: <input type="text" name="name"></p>
<p>照片: <input type="file" name="photo"></p>
<input type="button" value="点我上传" id="btn">
<span id="msg"></span>
<img src="" alt="" id="pic">
</body>
</html>
<script>
$('#btn').click(function(){
var formData = new FormData(); //用来收集上传数据的对象
formData.append('ajaxname',$('input[name="name"]').val()); //添加用户名
formData.append('ajaxphoto',$('input[name="photo"]')[0].files[0]); //添加文件
//alert($('input[name="photo"]')[0].files[0]);
formData.append('csrfmiddlewaretoken',$('input[name="csrfmiddlewaretoken"]').val()); //添加token
$.ajax("{% url 'upload:ajax' %}",{
type:'POST',
data: formData,
contentType:false,
processData:false,
success:function (data) {
if(data.status=='900'){
$('#msg').html(data.msg);
var picpath = data.picpath;
$('#pic').attr('src','/static/'+picpath);
}
}
})
})
</script>

3、Django内置

①、配置

在settings.py文件中声明上传的路径。

MEDIA_ROOT= os.path.join(BASE_DIR, 'static')

②、图片上传

ImageField,专门用来处理图像上传,需要添加依赖pillow,pillow是专门处理图像的库

pip install pillow

ImageFiled中使用upload_to,需要指定上传后的目录

photo = models.ImageField(upload_to='upload')  # 此处upload相当于MEDIE_ROOT

③、文件上传

FileField,与图片上传一致

④、文件存储

class Author(models.Model):
name = models.CharField(max_length=20)
photo = models.ImageField(upload_to='upload')
name = request.POST.get("name")
photo = request.FILES.get('photo')
author = Author()
author.name = name
author.photo = photo
author.save() # 数据库存储的是路径

Django中的文件操作的更多相关文章

  1. 第32课 Qt中的文件操作

    1. Qt的中IO操作 (1)Qt中IO操作的处理方式 ①Qt通过统一的接口简化了文件和外部设备的操作方式 ②Qt中的文件被看作一种特殊的外部设备 ③Qt中的文件操作与外部设备的操作相同 (2)IO操 ...

  2. 重新想象 Windows 8 Store Apps (24) - 文件系统: Application Data 中的文件操作, Package 中的文件操作, 可移动存储中的文件操作

    原文:重新想象 Windows 8 Store Apps (24) - 文件系统: Application Data 中的文件操作, Package 中的文件操作, 可移动存储中的文件操作 [源码下载 ...

  3. 背水一战 Windows 10 (91) - 文件系统: Application Data 中的文件操作, Application Data 中的“设置”操作, 通过 uri 引用 Application Data 中的媒体

    [源码下载] 背水一战 Windows 10 (91) - 文件系统: Application Data 中的文件操作, Application Data 中的“设置”操作, 通过 uri 引用 Ap ...

  4. 背水一战 Windows 10 (90) - 文件系统: 获取 Package 中的文件, 可移动存储中的文件操作, “库”管理

    [源码下载] 背水一战 Windows 10 (90) - 文件系统: 获取 Package 中的文件, 可移动存储中的文件操作, “库”管理 作者:webabcd 介绍背水一战 Windows 10 ...

  5. django 中下载文件与下载保存为excel

    一.django 中下载文件 在实际的项目中很多时候需要用到下载功能,如导excel.pdf或者文件下载,当然你可以使用web服务自己搭建可以用于下载的资源服务器,如nginx,这里我们主要介绍dja ...

  6. Django中管理并发操作

    上一篇我们说了,如何在Django中进行事务操作,数据的原子性操作 涉及了事务操作,我们不得不考虑的另一个问题就是:并发操作 还是那个用户转账的操作 我们使用事务操作解决的操作中途服务器宕机问题 但是 ...

  7. Java中的文件操作(一)RandomAccessFile

    今天,学到的是java中的文件操作. Java.IO.File Java中操作文件用到RandomAccessFile类,既可以读取文件内容,也可以向文件输出数据,但不同与普通输入/输出流的是Rand ...

  8. Win 32平台SDK中的文件操作

    读取文件: HANDLE hFile ; // 声明文件操作内核对象句柄 hFile = CreateFile(, NULL, OPEN_EXISTING, FILE_ATTRIBUTE_NORMAL ...

  9. django中migration文件是干啥的

    昨天很蠢的问leader git push的时候会不会把本地的数据库文件上传上去,意思是django中那些migration文件修改之后会不会上传. 然后得知不会,因为所有的数据库都存在本机的mysq ...

  10. Django中的文件上传和原生Ajax

    概述 Django中的上传有3种方案: form 表单常规上传,但点击提交后会自动刷新页面 Ajax 上传,不刷新页面,(分为原生ajax上传和jQuery上传),IE7以上不兼容 iframe 上传 ...

随机推荐

  1. [Qt 基础-02] QToolButton

    QToolButton 文章目录 QToolButton 简介 1. arrowType 2. autoRaise 3. popupMode 4. toolButtonStyle 注意 信号的连接 样 ...

  2. 执行Django 的迁移命令报错[1193, Unknown system variable default_storage_engine]

    在学习""编写你的第一个 Django 应用程序,第2部分"时候,遇到一个问题. 执行迁移命令 python manage.py makemigrations polls ...

  3. 归并排序(递归)(NB)

    博客地址:https://www.cnblogs.com/zylyehuo/ 递归思路 # _*_coding:utf-8_*_ import random def merge(li, low, mi ...

  4. [源码系列:手写spring] IOC第七节:加载xml文件中定义的Bean

    目录 主要内容 代码分支 核心代码 BeanDefinitionReader AbstractBeanDefinitionReader XmlBeanDefinitionReader 测试 bean定 ...

  5. 深入理解Hadoop读书笔记-2

    背景 公司的物流业务系统目前实现了使用storm集群进行过门事件的实时计算处理,但是还有一个需求,我们需要存储每个标签上传的每条明细数据,然后进行定期的标签报表统计,这个是目前的实时计算框架无法满足的 ...

  6. 头晕的android SDK Manager and 找不到真机

    这张图很完美!可是出问题就头晕了. 问题场景:执行Andriod.bat出现下面界面后,然后跳出Andriod SDK的界面: android SDK Manager的界面就孤零零的几条记录挂在那里. ...

  7. Javascript+webdriverio实现app自动化demo

    1.新建工程和安装库 使用WebStorm新建一个空项目然后在编辑器打开终端输入如下命令: npm init -y npm install webdriverio npm install sleep ...

  8. windows下jdk版本切换(bat)

    1.jdk下载 Oracle官网 https://www.oracle.com/cn/ 资源->下载->Java下载 jdk当前最新版本 jdk22版本 jdk8版本 当前页面向下拉 2. ...

  9. 前端艺术实践:用Storybook构建交互式组件文档

    对于前端来说,组件话已经从热门话题变成了基础能力,自定义组件或自建组件库已是再常见不过的事了.在实际工作中组件库的文档直接决定开发体验和效率,文档建设的重要性不言而喻.今天要推荐的工具叫Storybo ...

  10. Golang服务可观测和思路分享

    省流 中医四诊"望闻问切"与程序诊断有异曲同工之妙.在Golang问题排查中,我们需要建立系统化的诊断思维:通过观察表象(望).收集信息(闻).追溯根源(问).精准施治(切)四个维 ...