一、静态文件的加载

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. [tldr] 配置windows terminal使用git bash

    windows terminal默认使用power shell作为shell,但是power shell不好用,还是习惯linux的命令行行为. 参考Windows Terminal 配置 Git B ...

  2. React从webpack迁移到rsbuild 纪实

    Why 随着团队项目规模越来越大之后,继从babel-loader迁移到esbuild之后发现打包.热重载性能随着时间迭代之后又慢慢开始成为性能瓶颈,所以决定用新的打包工具去解决这个问题.esbuil ...

  3. vue学习一（指令1.v-text,v-html,插值表达式{{msg}}）

    一.1.v-text,v-html,插值表达式{{msg}} 注:v-text解决差值表达式闪烁问题,因为他是属性不是差值表达式 1.1.v-text: 是没有闪烁问题的,会覆盖标签的元素中原本的内容 ...

  4. Python设置递归最大深度

    博客地址:https://www.cnblogs.com/zylyehuo/ import sys sys.setrecursionlimit(100000) # 设置最大递归深度,默认是3000

  5. 使用project制定项目计划可以分为六个步骤

    使用project制定项目计划可以分为六个步骤,如下图(1): 图(1)-project制定项目计划步骤 下面我们就以project2010为例,按上图所示步骤对如何制定项目计划进行详细说明: 一.创 ...

  6. 国产化-内存数据库tendis-单机安装（完美替代redis）

    挺好的产品腾讯能开源还是体现了大厂的担当和格局,赞一个.阿里也开源了一些不错的产品后面讲. Tendis 介绍 Tendis 是腾讯公司开源的一款高性能分布式存储系统,基于 Redis 协议开发,具有 ...

  7. 【Git】在 Idea 中使用 Git

    在 Idea 中使用 Git 1 安装 Git 核心程序 根据自己的电脑操作系统从 Git 官网 https://git-scm.com/ 下载对应的 Git 核心程序. 以 git-2.21.0 为 ...

  8. 正在开发的.net sql拼写神器

    我正在开发的一个.net sql拼写工具,当然也可以算是ORM 该工具的作用就是帮忙码农拼写sql,对标开源项目SqlKata.该工具最适合搭配Dapper使用,所以附带了一个Dapper扩展.当然直 ...

  9. Greenplum数据库索引解析

    以下是对greenplum数据库使用总结. 创建索引 CREATE INDEX i_test_tb_state_az ON test_tb(name_en) WHERE name_en = 'AZ'; ...

  10. Web前端入门第 35 问：CSS 细说 flex 弹性盒子布局（多图）

    flex 作为现代布局方案中最常用的手段,有必要拉出来细说. flex 相关的 CSS 属性 容器(父元素)相关的 CSS 属性 以下的 CSS 属性,在 flex 布局中需喂给父元素,设置 flex ...