python之Django上传文件

原创 已于 2024-04-09 12:06:31 修改 · 1.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#python

于 2019-08-21 15:35:42 首次发布

一、 < !DOCTYPE html>标签

< !DOCTYPE html>：以标准的格式，按照W3C的标准解析渲染页面页，使得面在所有的浏览器里显示的就都是一个样子。

二、head

规范浏览器说有什么内容，解释说明用的。是一个隐藏，不显示在浏览器的内容里

1、meta：自闭和标签
meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，
不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1: name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<meta name="description" content="hello Python">

2: http-equiv属性，顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content， content中的内容其实就是各个参数的变量值。

<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)
 
<meta http-equiv="content-Type" charset=UTF8">#编码的作用
 
<meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" /> #兼容

2、非meta标签

    < title>title< /title>
    < link rel="icon" href="1.ico"">
    < link rel="stylesheet" href="css.css">#引入css
    < script src="hello.js">< /script>　#引入scripts

三、body标签

1、 块级标签和内联标签

块级标签：< p > 、< h1>、 < table>、< ol>、< ul>、< form>、< div>
内联标签：< a>、< input>、< img>、< sub>、< sup>、< textarea>、< span>

1）< hn>: n的取值范围是1~6; 从大到小. 用来表示标题.
2）< p>: 段落标签. 包裹的内容被换行.并且也上下内容之间有一行空白.
3）< sup>和< sub>: 上角标 和 下角表.
4）< em>: 文字变成斜体.
5）< br>:换行.
6）< hr>:水平线

内元素的特点：
都在一行上；
宽度就是它的文字或图片的宽度，不可改变
内联元素只能容纳文本或者其他内联元素

块元素的特点：：
总是在新行上开始；
容纳内联元素和其他块元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>什么是标签</h1>
    <h2>什么是标签</h2>
    <h3>什么是标签</h3>
    <h4>什么是标签</h4>
    <h5>什么是标签</h5>
    <h6>什么是标签</h6>
</body>
</html>

运行结果：
在这里插入图片描述

四、 图形标签: < img> 标签

< img> ：标签自闭和标签
< img> 标签属性：

1）src: 要显示图片的路径.

2）alt: 图片没有加载成功时的提示.

3）title: 鼠标悬浮时的提示信息.

4）width: 图片的宽

5）height:图片的高 (宽高两个属性只用一个会自动等比缩放.)

  <img src="11.jpg" width="200px" height="200" alt="heh" title="图片">

五、锚标签< a>

1、锚标签< a>属性：

1）href:连接路径

2）target: _blank : 在新的窗口打开超链接并打开连接内容.

3）name: 定义一个页面的书签.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #div1{
            height:900px;
            background-color:red;
        }
        #div2{
            height:900px;
            background-color:yellow;
        }
        #div3{
            height:900px;
            background-color:blue;
        }
    </style>
</head>

<body>

<div id="divtop">首页</div>
<a href="#div1" >第一章</a>
<a href="#div2" >第二章 </a>
<a href="#div3" >第三章</a>


<div id="div1">第一章
</div>
 <p style="text-align: center">
     <a href="#divtop">返回</a></p>

<div id="div2" >第二章
</div>
<p style="text-align: center">
    <a href="#divtop">返回</a></p>

<div id="div3">第三章>
</div>
<p style="text-align: center">
    <a href="#divtop">返回</a></p>
</body>
</html>

六、列表标签

列表标签分为无序标签和有序标签
1、< ul>: 无序列表

     < ul>
     < li>   </li> 
     < li>   </li> 
    ...     
    < /ul>

2、< ol>: 有序列表

     < ol>
     < li>   </li> 
     < li>   </li> 
    ...     
    < ol>

3、< dl> 定义列表

    < dl>  
     < dt> 列表标题
     < dd> 列表项
     ...
     < dl>

例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--ul：无序列表-->

<ul>
    <li>第一</li>
    <li>第二</li>
    <li>第三</li>
</ul>

<!--ol：有序列表-->

<ol>
    <li>第一</li>
    <li>第二</li>
    <li>第三</li>
</ol>

<!--dl：定义列表,dt:定义标题，dd：定义内容-->

<dl>
    <dt>第一章</dt>
        <dd>第一章内容1</dd>
         <dd>第一章内容2</dd>
         <dd>第一章内容3</dd>
    <dt>第二章</dt>
        <dd>第二章内容1</dd>
        <dd>第二章内容2</dd>
        <dd>第二章内容3</dd>
    <dt>第三章</dt>
        <dd>第三章内容1</dd>
         <dd>第三章内容2</dd>
         <dd>第三章内容3</dd>
</dl>

</body>
</html>

七、表单标签< form>

使用 < form> 标签可以向服务器传输数据，HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。

表单元素：input 元素、textarea、select、fieldset和 label 元素。
input 元素：文本字段、复选框、单选框、提交按钮

1.表单属性：

1）action: 表单提交到哪. 一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理
2）method: 表单的提交方式 post/get ，默认取值 就是 get

a、ge方式:
1.提交的键值对.放在地址栏中url后面，以列表方式传到server.
2.安全性相对较差.
3.对提交内容的长度有限制.
b、post方式:
1.提交的键值对 ，不在地址栏.
2.安全性相对较高.
3.对提交内容的长度理论上无限制.

2.表单元素

type:
1） text 文本输入框

2） password 密码输入框

3） radio 单选框

4） checkbox 多选框

5） submit 提交按钮

6） button 按钮(需要配合js使用.)

7）file 提交文件：form表单需要加上属性enctype=“multipart/form-data”

8） name: 表单提交项的键.注意和id属性的区别：name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编程，而在css和javascript中使用的
9）value: 表单提交项的值.对于不同的输入类型，value 属性的用法也不同：
10） checked: radio 和 checkbox 默认被选中

11）readonly: 只读.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--使用 <form> 标签可以向服务器传输数据,属性：mathod怎把数据传到server端 是在form属性里面,数据提交：submit-->
<!--get方式：以列表方式传到url-->

<form method="get" action="127.0.0.1:8090/index">
    <p>姓名：<input type="text" name="username"></p>
    <p>密码：<input type="password" name="pwd"></p>

    <!--<p><input type="button" value="press"></p>-->
    <p>
        爱好：篮球<input type="checkbox" name="hobby" value="0">
        足球<input type="checkbox" name="hobby" value="1">
    </p>


    <!--name属性是给服务器看的-->
    <p>
        性别：男<input type="radio" name="sex" value="0" >
        女<input type="radio" name="sex" value="1" >
    </p>

<!--上传文件 file-->
    <p><input type="file"></p>
        <p><input type="submit" value="上传"></p>
   <p><input type="reset"></p>
</form>

在这里插入图片描述

八、 < select> 下拉选标签属性

1）name:表单提交项的键.
2） size：选项个数
3） multiple：multiple
< select>可以嵌套option和groupoption

九、 < textarea> 文本域

1）name: 表单提交项的键.

2）cols: 文本域默认有多少列

3）rows: 文本域默认有多少行

十、 < label>

关联标签

<label for="www">性别</label>
<input id="www" type="text">

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        <!--关联起来，就是鼠标点击男这个字时，自动选上-->

        <p>性别：

            <label for="www">男</label>
            <input id="www" type="radio" name="sex" value="0">

            <label for="www1">女</label>
            <input id="www1" type="radio" name="sex" value="1">

        </p>

</body>
</html>

结果：
在这里插入图片描述

十一、 < fieldset>

在这里插入图片描述

十二、上传文件

上传文件注意两点：
1、action：地址
2、 请求方式必须是post
3、enctype=“multipart/form-data”
4、setting文件设置templates的路径和添加文件配置，本例子是添加hello文件夹

index.html文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="/xiaohu/" method="post" enctype="multipart/form-data">
    <p> 用户名：<input type="text" name ='username'></p>
    <p> 密  码：<input type="password" name ='pwd'></p>
    <p> 性  别：男<input type="radio" name ='sex' value="0"></p>
     <p> 女<input type="radio" name ='sex' value="1"></p>
    <p> 爱  好：篮球<input type="checkbox" name ='hobby' value="basktball"></p>
     <p> 足球<input type="checkbox" name ='hobby' value="football"></p>
    <p> <input type="file" name="alex"></p>
  <p>
      <!--multiple:多选,size="2"：最多能看见2个，可以选很多。-->

        出生地：<select name="city" multiple size="5">
        <optgroup label="河北省">
            <option value="0">廊坊1</option>
            <option value="1">衡水</option>
            <option value="2">衡水2</option>
        </optgroup>

        <optgroup label="北京">
            <option value="0">曹阳</option>
            <option value="1">海淀</option>
            <option value="2">天安门</option>
        </optgroup>

        <optgroup label="贵州">
            <option value="0">贵阳</option>
            <option value="1">遵义</option>
            <option value="2">安顺</option>
        </optgroup>
         </select>
  </p>
      <textarea rows="10" cols="20">个人简介</textarea>
    <p> <input type="submit" value="发送"></p>
</form>
</body>
</html>

url.py文件：

from django.conf.urls import url
from django.contrib import admin
from hello import views     #因为views文件在hell文件夹里面

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^xiaohu/', views.xiaohu),


]

setting.py文件：

import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

SECRET_KEY = 'el=k$8(9$+mdg1@cv5%cedjadxa((xh+o$a@=26zd)tu7#9uiy'

DEBUG = True

ALLOWED_HOSTS = []
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'hello',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    #'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'HelloDjango.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        #'DIRS': [],
       # 'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'DIRS': ['templates'],         #必须改
        #'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'HelloDjango.wsgi.application'

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True

STATIC_URL = '/static/'

views.py文件：

# -*- coding: utf-8 -*-
from __future__ import print_function
from __future__ import unicode_literals

from django.shortcuts import render

def xiaohu(req):

    print('前端数据GET：', req.GET)
    print('前端数据POST：', req.POST)
    print('file:',req.FILES)

    for item in req.FILES:
        obj=req.FILES.get(item)
        filename=obj.name

        f=open(filename,'wb')
        for line in obj.chunks():
            f.write(line)
        f.close()

    return render(req,"index.html")

在这里插入图片描述

运行结果在server端：
在这里插入图片描述

Django文件上传
06-09
Python3.7+Django2.0连接mysql数据库实现文件上传功能。PS:其中数据库表需要自己在数据库中新建
Python+django实现文件上传
12-25
1、文件上传（input标签）  （1）html代码（form表单用post方法提交） <input class="btn btn-primary col-md-1" style="margin:0px 15px 25px 15px;" id="submitForm" type="button" value="提交" /> <...
django实现文件上传
javascript_good的博客
08-16 4228
在这个视图函数中如果是get 请求就展示上传的页面，如果是post 请求，就将获取到的文件对象在项目跟目录创建一个相同的文件名保存起来。通过 form.save() django 自动将文件存储到media目录下的city目录，并且把文件路径保存到数据库。将上传的图片保存到static目录，并且在数据库保存文件存储的路径。提交页面时： 用户输入数据 + 文件（输入不能为空，报错）先写一个上传的页面 upload_file.html。models.py 重新创建一个表来存储文件路径。
python上传文件
最新发布
qq_34631220的博客
07-02 100
【代码】python上传文件。
Django-文件上传
qq_61532016的博客
08-09 893
当用户的请求方法为POST时，我们通过`form.cleaned_data.get('file')`获取通过验证的文件，并调用自定义的`handle_uploaded_file`方法来对文件进行重命名，写入文件。- `handle_uploaded_file`方法里文件写入地址必需是包含`/media`/的绝对路径，如果/media/files/xxxx.jpg，而该方法返回的地址是相对于/media/文件夹的地址，如/files/xxx.jpg。- 上传文件的大小默认是以B显示的，数字非常大。
Python+django实现简单的文件上传
09-21
### Python+Django 实现简单文件上传的知识点详解 #### 一、背景介绍与应用场景 在Web开发领域，文件上传是一项常见的功能需求。无论是图片、文档还是其他类型的文件，用户通常都需要将本地文件发送到服务器进行...
基于Python+Django简单实现文件上传下载功能源码.zip
05-08
基于Python+Django简单实现文件上传下载功能源码 基于Python+Django简单实现文件上传下载功能源码 基于Python+Django简单实现文件上传下载功能源码 基于Python+Django简单实现文件上传下载功能源码 基于...
Python Web框架之Django框架文件上传功能详解
09-18
首先，在创建Django项目时，可以通过创建一个表单来上传文件。传统的文件上传是通过HTML表单实现的。在表单中需要设置`enctype`为`multipart/form-data`，这样才能确保文件内容能正确传输到服务器。在Django的视图层...
python+django快速实现文件上传
09-21
【Python + Django 实现文件上传】 在Web开发中，文件上传是一个常见且重要的功能，尤其是在用户需要提交图片、文档等资料的场景下。Django作为Python的一个强大Web框架，提供了方便的文件上传支持。本篇文章将详细...
django 上传文件
10-20
django 上传文件实例，一个简单的django上传图片的例子 使用的是django 1.5.
python Django之文件上传
weixin_30885111的博客
07-05 201
python Django之文件上传 使用Django框架进行文件上传共分为俩种方式 一、方式一 通过form表单进行文件上传 #=========================================FORM表单上传文件======================================== def f1(request): #定义f1上传函数 ...
Django实现文件上传
m0_55297736的博客
05-28 976
django实现文件上传功能, 如何上传图片, 1. 配置文件上传路径, 2.实现上传文件功能
Python Django之上传文件
对于写代码这件事，我是业余的。
03-06 378
upload.html &lt;form action="/uploadfile/" method="post" enctype="multipart/form-data"&gt; &lt;input type="file" name="file"&gt; &lt;input type="submit" value="
Python web实战之Django的文件上传和处理详解
热门推荐
Rocky006的博客
08-07 1万+
​ 本文介绍了Django框架中文件上传和处理的基本原理和实现方法，以及阿里云oss的对接方法。 Django 提供了一些内置的功能和工具，使文件上传变得简单和安全。它提供了一个处理文件上传的高级 API，可以验证上传的文件、处理文件存储路径、限制文件大小和类型，以及执行其他与文件操作相关的任务。 使用阿里云OSS可以方便地将文件存储在云端，并提供高可用性和可靠性。这种集成可以帮助我们在Django项目中实现灵活的文件上传功能。
django-文件上传
weixin_44737646的博客
12-18 325
基本的文件上传流程 1.前端的代码 前端代码说明: <form action="" method="post" enctype="multipart/form-data"> <input type="file" name="myfile"> <input type="submit" value="提交"> </form> # 1...
Python+Django实现文件上传下载教程及源码
资源摘要信息:"本资源是一套基于Python编程语言结合Django框架实现的简单文件上传下载功能的源码包。用户可以通过这套源码轻松构建一个支持文件上传和下载的基本Web应用程序。以下是关于该资源的详细知识点说明： 1...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值