Django 文件上传的三种方式

最新推荐文章于 2024-05-27 16:11:46 发布
最新推荐文章于 2024-05-27 16:11:46 发布
阅读量5.5k 收藏 16
点赞数 2
分类专栏： Django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mr_hui_/article/details/86015830
版权

方式一：

通过form表单提交到后台

前段：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="{% url 'clashphone:Upload' %}" method="post" enctype="multipart/form-data">
        <input type="file" name="fafafa">
        <input type="submit">
        {% csrf_token %}
    </form>
</body>
</html>

Django 后端：

class Upload(View):

    def get(self, request):
        return render(request, 'clashphone/test.html',  {
            'mould': os.path.join(BASE_DIR, 'media', 'commen'),
            'MEDIA_URL': MEDIA_URL}
                      )

    def post(self, request):
        obj = request.FILES.get('fafafa', '1')
        print(obj.name)
        f = open(os.path.join(BASE_DIR, 'media', 'image', obj.name), 'wb')
        for chunk in obj.chunks():
            f.write(chunk)
        f.close()
        # return render(request, 'clashphone/test.html')
        return HttpResponse('OK')

方式二：

通过ajax提交

前段

<div>
        <input type="file" name="file" id="file_upload">
        <input type="button" value="上传" onclick="FileUpload()">
</div>

 

JS:

<script src="/static/js/jquery-3.2.1.min.js"></script>
<script>
    function FileUpload() {
            var form_data = new FormData();
            var file_info =$( '#file_upload')[0].files[0];
            form_data.append('file',file_info);
            //if(file_info==undefined)暂且不许要判断是否有附件
                //alert('你没有选择任何文件');
                //return false
            $.ajax({
                url:'/upload_ajax/',
                type:'POST',
                data: form_data,
                processData: false,  // tell jquery not to process the data
                contentType: false, // tell jquery not to set contentType
                success: function(callback) {

                    console.log('ok')
                }
            });

            }</script>

Django 后端：

def upload_ajax(request):
    if request.method == 'POST':
        file_obj = request.FILES.get('file')
        import os
        f = open(os.path.join(BASE_DIR, 'static', 'pic', file_obj.name), 'wb')
        print(file_obj,type(file_obj))
        for chunk in file_obj.chunks():
            f.write(chunk)
        f.close()
        print('11111')
        return HttpResponse('OK')

注意：

前台发送ajax请求时：

processData: false,  // tell jquery not to process the data
contentType: false, // tell jquery not to set contentType
必须设置

方式三：
通过iframe标签提交
前段：

 

  <div>
        <form id="my_form" name="form" action="/upload_iframe/" method="POST" enctype="multipart/form-data">
            <input type="text" name="user">
            <input type="password" name="password">
            <input type="file" name="file">
            <input type="button" value="upload"  onclick="UploadFile()">
        </form>
        <iframe id='my_iframe' name='my_iframe' src="" class="hide"></iframe>
    </div>

JS:


   

 function UploadFile() {
        document.getElementById('my_iframe').onload = Testt;
        document.getElementById('my_form').target = 'my_iframe';
        document.getElementById('my_form').submit();
    }
    function Testt(ths){
            var t = $("#my_iframe").contents().find("body").text();
            console.log(t);
        }

Django 后端：

def upload_iframe(request):
    if request.method == 'POST':
        print(request.POST.get('user', None))
        print(request.POST.get('password', None))
        file_obj = request.FILES.get('file')
        import os
        f = open(os.path.join(BASE_DIR, 'static', 'pic', file_obj.name), 'wb')
        print(file_obj,type(file_obj))
        for chunk in file_obj.chunks():
            f.write(chunk)
        f.close()
        print('11111')
        return HttpResponse('OK')

 

扩展：

在前段提交的时候 可以存在 checkbox 标签， 在Django中对于这种标签在后台获取值时用：

　　request.POST.getlist('favor', None) checkbox

其它

request.POST.get('favor', None)  checkbox
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

似水@流年
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Django知识补充 - 1】：admin站点和rest_framework实现文件的上传和下载
Oh_Python的博客
09-22 1105
注释MIDDLEWARE中的 ‘django.middleware.csrf.CsrfViewMiddleware’在settings.py中设置好数据库和media静态文件的设置。settings.py 中添加子应用。配置apps文件夹的路径。
在Django中使用zipfile模块实现对上传的zip压缩包提取文件名
分享一点有用的知识
07-07 1310
在Django中使用zipfile模块实现对上传的zip压缩包提取文件名
Django REST framework 自定义图片上传接口
ZeroChia的博客
03-28 3107
使用DRF框架时，默认的图片上传因为自由度低，比较鸡肋，业务需求往往需要一个单独的图片上传接口，在此记录一下实现代码及研究时搞清楚的一些问题。
使用Webuploader大文件分片传输
最新发布
weixin_45525177的博客
05-27 466
文件上传页面的前端可以选择使用一些比较好用的上传组件，例如百度的开源组件WebUploader，这些组件基本能满足文件上传的一些日常所需功能，如异步上传文件，文件夹，拖拽式上传，黏贴上传，上传进度监控，文件缩略图，甚至是大文件断点续传，大文件秒传。使用Webuploader大文件分片传输，大文件分片传输，大文件分片上传，大文件分片上传解决方案，大文件分片上传思路，大文件分片上传源码，大文件分片上传实例，大文件分块上传，大文件加密上传，文件夹上传，文件比较大，有10G左右，用户希望能够在网页里面直接上传。
个人整理-Django文件上传
z_959的博客
11-10 189
Django中文件上传我大概分为6步 首先写好子路由（前提是环境已布置好，python版本：3.6.9 ，django版本：1.11.7） url(r'^djwj/',views.djwj,name='djwj') 还要在settings中设置 MEDIA_ROOT=os.path.join(BASE_DIR,'static/icon') 添加模型 class Djwj (models.Model): d_name = models.CharField(max_length=32)
Django自定义文件上传处理过程
lisenhui
10-05 466
1、创建一个handler.py的文件 from django.core.files.uploadedfile import * from django.core.files.uploadhandler import * class MyFileUploadHandler(TemporaryFileUploadHandler): def new_file(self, *args, **kwargs): super().new_file(*args, **kwargs) # 自定义文件上
详解django三种文件下载方式
01-20
在实际的项目中很多时候需要用到下载功能，如导excel、pdf或者文件下载，当然你可以使用web服务自己搭建可以用于下载的资源服务器，如nginx，这里我们主要介绍django中的文件下载。 实现方式：a标签+响应头信息...
Django中的文件的上传的几种方式
01-20
今天我们来补充一下文件的上传的几种方式： 首先我们先补充的一个知识点： 一、请求头ContentType： ContentType 指的是请求体的编码类型，常见的类型共有三种： 1、application/x-www-form-urlencoded 这应该是最...
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="提交" /> <...
python中Django文件上传方法详解
09-16
在Python的Web开发框架Django中，文件上传是一项常见的功能，用于处理用户通过表单提交的文件。本文将详细介绍如何在Django中实现文件上传，并提供一个完整的示例。首先，我们需要在`settings.py`中配置`MEDIA_ROOT`...
Django实现文件上传下载
01-01
本文实例为大家分享了Django实现文件上传下载的具体代码，供大家参考，具体内容如下 一、django实现文件下载 (1)、后台接口 如果从服务器直接将文件路径传给浏览器,普通文件可以直接下载,而图片,html,css和pdf格式等...
django-rest-framework-files:对Django REST框架的文件下载和上传支持
05-09
REST框架文件 对Django REST框架的文件下载和上传支持。 概述 REST框架文件允许您下载用于呈现响应的格式的文件，并且还可以通过上传包含模型字段的文件来创建模型实例。 要求 Python（2.7、3.5、3.6） Django REST框架（3.4、3.5、3.6、3.7、3.8） 安装 使用pip安装： pip install djangorestframework-files 例子 models.py from django . db import models class ABC ( models . Model ): name = models . CharField ( max_length = 255 ) serializers.py from rest_framework import serializers from . models im
django-rest-framework 官方文档
01-31
django-rest-framework的官方文档，可以解压缩文件后，离线使用，十分的方便，网上关于rest的资料也是几乎没有，只有官方文档参考，可以多交流交流
django文件上传功能的实现
杨先生的博客
10-13 5347
Y11 1、 创建新app，配置路由和settings（Y10博客有具体操作） 2、创建一个上传页面（html），在views中渲染页面，配置路由，配置css，引入css，引入共享文件jquery 3、创建common_static共享文件目录，templates/app前端页面目录，static静态文件目录。 另外还要创建文件传入后要存储和读取的目录，如存取img，即创建file/img ...
django上传图片到后台
黄孝果的博客
10-24 1100
配置media文件夹 Setting中设定media # ---->设置上传文件的目录和外部访问的路径 MEDIA_ROOT = os.path.join(BASE_DIR, 'media/') MEDIA_URL = '/media/' 设置URL 项目根目录下的urls.py中 from django.conf import settings from django.conf.urls.static import static # 添加这行——————允许所有的media文件被访.
django 自定义图片上传路径和上传文件名
xufwind的博客
09-07 3531
图片上传中，如果不对上传的文件名做处理，很容易引起文件名重复，这会覆盖之前上传的图片，django提供了自定义上传文件名的方法。 def generate_filename(self, instance, filename): """ Apply (if callable) or prepend (if a string) upload_to to th...
Django 实现上传图片功能
suihsouji的博客
11-13 462
今天学习了如何使用Django实现图片上传至阿里云的功能 实现步骤 导入Webuploader 注：webuploader是一个可以上图片的模块 链接：http://fex.baidu.com/webuploader/getting-started.html 在前端代码中导入 以下 JS 和 CSS <script type="text/javascript" src="{% s...
Django文件上传的两种方式
折戟沉沙
10-12 517
现在上传文件，实际上数据库中不存储真正的图片，只储存图片的路径。 1、第一种CharField 1、添加models.py中需要上传文件的字段，我这里是后加的字段，需要设置一个默认值。 2、input标签使用file的，from必须使用post格式，enctype="multipart/form-data"以io流上传。 3、settings.py文件中，首先导入uuid模块，拼接路径存到文件...
python上传图片教程_Django实现图片上传功能步骤解析
weixin_39988476的博客
12-10 469
1.首先是html页面的form表单的三大属性，action是提交到哪，method是提交方式，enctype只要有图片上传就要加这个属性Django框架自带csrf_token ，所以需要在前端页面也生成csrf_token字符串，来验证真实客户{% csrf_token %}2.如下是上传图片的接口：def pic_upload(request):if request.method == "G...
Django文件上传下载
01-05
以下是Django文件上传下载的步骤： 1. 创建Django项目和应用程序： ```shell django-admin startproject file_upload cd file_upload python manage.py startapp uploader ``` 2. 配置URL路由： 在项目的urls.py文件中，添加以下代码： ```python from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('uploader/', include('uploader.urls')) ] ``` 3. 创建文件上传表单： 在应用程序的forms.py文件中，创建一个文件上传表单： ```python from django import forms class FileUploadForm(forms.Form): file = forms.FileField() ``` 4. 创建文件上传视图： 在应用程序的views.py文件中，创建一个文件上传视图： ```python from django.shortcuts import render from .forms import FileUploadForm def upload_file(request): if request.method == 'POST': form = FileUploadForm(request.POST, request.FILES) if form.is_valid(): file = form.cleaned_data['file'] # 处理文件上传逻辑 # 保存文件到服务器或者其他操作 return render(request, 'success.html') else: form = FileUploadForm() return render(request, 'upload.html', {'form': form}) ``` 5. 创建文件上传模板： 在应用程序的templates文件夹中，创建upload.html模板文件： ```html <form method="post" enctype="multipart/form-data"> {% csrf_token %} {{ form.as_p }} <button type="submit">上传</button> </form> ``` 6. 创建文件上传成功模板： 在应用程序的templates文件夹中，创建success.html模板文件： ```html <h1>文件上传成功！</h1> ``` 7. 配置文件上传URL： 在应用程序的urls.py文件中，添加以下代码： ```python from django.urls import path from .views import upload_file urlpatterns = [ path('upload/', upload_file, name='upload'), ] ``` 现在，您可以通过访问`http://localhost:8000/uploader/upload/`来上传文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值