Django 前端上传图片文件 后端获取文件 并存储

最新推荐文章于 2024-03-26 20:28:03 发布
最新推荐文章于 2024-03-26 20:28:03 发布
阅读量4k 收藏 30
点赞数 3
分类专栏： Django Python 文章标签： django python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_41390359/article/details/105104380
版权
本文介绍了如何在Django项目中实现前端上传图片文件，后端接收到文件后进行处理并存储。首先，前端表单需设置enctype为"multipart/form-data"以支持文件上传。接着，配置settings.py文件以允许文件上传。最后，通过views.py编写逻辑，处理POST请求，接收文件并完成存储操作。
摘要由CSDN通过智能技术生成
前端
  • form表单提交文件，需要加上 enctype=“multipart/form-data”
<form method="post" enctype="multipart/form-data" action="">

   <div class="form-group">
        <label for="icon_input">头像</label>
        <input name="avatar" type
最低0.47元/天 解锁文章
兴宁阿哥
关注
专栏目录
Django后台获取前端post上传的文件方法
12-23
由于初学Django所以对于其特有的表单模板和models中的filefiled并不是特别熟悉。因此在本次开发中还是依照以往自己在html中写好图片提交表单： 注意在<form>表单的定义中一定要加上enctype＝ “multipart/form-data”属性，否则后台可能会取不到文件。 在form表单后一定要有｛％ csrf_token ％｝ 我们在控制页面可以看到，当我们通过这样的表单进行提交后，FILES一栏中会有一个文件。 我们可以在views.py中通过 image＝request.FILES.get(‘images’)去获取到该图片 当我们获取到图片img后，可以通过 i
（django）01 django实现前端上传图片到后端保存
akswyh的博客
04-21 6580
1、安装django 安装新的虚拟conda环境，安装django conda create -n djangoo python==3.7 activate djangoo pip install django 验证安装 >>> import django >>> django.get_version() '3.2.13' 2、第一个django项目 在想要创建django项目的路径输入： django-admin startproject HelloWorld 自
Django 图片上传及保存
一颗大白菜的博客
12-13 4744
Django学习第七天 今天在练习Django项目时需要用户上传图片。于是先制作了一个简陋的页面用于用户提交信息。 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp
django实现上传文件并保存
呆萌的代Ma
05-21 2070
这一部分包括以下几个部分：media配置，前端html上传，数据库保存模块Model，表单验证Form，url配置,后端处理逻辑View 文章目录media配置HTML设计Model编写Form验证media URL配置View逻辑处理 media配置 在setting.py配置文件中添加： MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media') HTML设计 新建save_file_in_django.html文件： <
Vue, Django 实现上传文件
still_human的博客
06-28 1447
研究了一整天，踩了无数坑，终于完成了。。以下代码可以做到在vue前端中得到form中的图片（也可以是个其他file），并且通过Django后端保存在本地，并在数据库中存取图片的路径： Django setting中配置 MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media/') Django views.py class SignupView(APIView): def post(self, request,
django 实现文件上传并保存
sky0Lan的博客
09-29 3616
models.py from django.db import models class UploadFile(models.Model): title = models.CharField(verbose_name="图片标题", max_length=50) path = models.FileField(upload_to='files/') views.py from django.shortcuts import render, HttpResponse from .model
Django 基于ModelForm文件上传
搬砖小能手
10-21 1008
Django 基于ModelForm文件上传
浅析Django 接收所有文件,前端展示文件（包括视频，文件，图片）ajax请求
09-17
总结来说，实现Django接收所有文件并展示在前端，需要正确配置Django项目，设计模型以处理文件字段，编写处理文件上传和下载的视图，以及前端与后端交互的AJAX代码。这样，用户就能通过AJAX无刷新地上传文件，同时在...
Django后端分离 使用element-ui文件上传方式
12-17
在本文中，我们将探讨如何在Django后端分离的架构中使用Element-UI进行文件上传。Element-UI是一个基于Vue.js的组件库，提供了一系列美观的界面元素，其中包括文件上传功能。以下是一些关键知识点： 1. **Element-...
python后端接收前端回传的文件方法
09-19
本文将详细介绍如何利用Python后端技术（特别是Django框架）来接收前端回传的文件，并进行相应的处理。 #### 一、环境准备 在开始之前，确保已经安装了Python和Django。可以使用以下命令安装Django： ```bash pip...
Django 后台获取文件列表 InMemoryUploadedFile的例子
09-18
当用户上传多张图片或其他类型的文件时，我们需要在后台有效地获取这些文件列表。`InMemoryUploadedFile`是Django用于处理内存中上传文件的类，它允许我们在服务器端处理这些文件。本文将详细讲解如何在Django后台...
Django接收前端传过来的图片转存至阿里云OSS存储，返回图片地址
a820206256的博客
01-13 940
django接收前端传过来的图片，转存至阿里云oss返回图片地址。方便了我们使用本地存储解决沉余的问题。返回的图片地址再存进数据库。
django接收前端传参常用方式
最新发布
m0_53975839的博客
03-26 284
前端以json格式发送。
Django读取前端上传的CSV / Excel文件
一条到晚游泳的鱼
08-16 2172
读取文件
JS（html中）最简单的读取文件名字+Django后端读取
qq_46628267的博客
04-05 589
最近碰到一个需求是取文件名，网上有一些方法，感觉不靠谱，小白有点难读懂。 任务：读取前端文件的同时显示文件名，并且后端保存文件名。 参考文档：（部分） 1、https://blog.csdn.net/cao199408/article/details/69398550 2、https://zhidao.baidu.com/question/311067044.html 3、https://blog.csdn.net/y_bccl27/article/details/88075892?utm_medium=d
Ajax发送、上传文件，Django后端接收、获取文件
wangjinyu124419的博客
11-03 3448
html核心代码： <form id="form_id" method="post" enctype="multipart/form-data"> <div class="modal-body"> <input type="file" id="upload_fil...
Python 生成 随机数 数字 + 字母
baidu_41390359的博客
03-25 6624
使用场景： 随机 短信验证码 import random import string # 指定随机数长度 r_num = 4 # 生成数字 + 字母（字符串序列） token = string.ascii_letters + string.digits ''' string.ascii_letters:生成大小写字母（type:字符串） string.digits:生成数字...
django 前端上传图片，后端接受并存储到图片文件夹
05-24
首先，需要在前端创建一个表单，用于上传图片。 ```html <form method="POST" enctype="multipart/form-data"> {% csrf_token %} <input type="file" name="image"> <button type="submit">上传图片</button> </form> ``` 然后，在后端的视图函数中，可以通过 `request.FILES` 获取上传的文件对象，并使用 `FileSystemStorage` 存储到指定的文件夹中。 ```python from django.shortcuts import render from django.core.files.storage import FileSystemStorage def upload(request): if request.method == 'POST': uploaded_file = request.FILES['image'] fs = FileSystemStorage() filename = fs.save(uploaded_file.name, uploaded_file) return render(request, 'upload.html', {'filename': filename}) return render(request, 'upload.html') ``` 在上面的代码中，`request.FILES` 是一个 `django.core.files.uploadedfile.InMemoryUploadedFile` 或 `django.core.files.uploadedfile.TemporaryUploadedFile` 对象的字典，可以通过 `name` 属性获取上传的文件名，通过 `read()` 方法读取文件内容。 `FileSystemStorage` 是 Django 提供的一个文件系统存储类，可以将文件存储到本地文件系统中。在默认情况下，存储位置是 `MEDIA_ROOT` 设置的文件夹，可以在 `settings.py` 中进行配置。例如： ```python MEDIA_ROOT = os.path.join(BASE_DIR, 'media') MEDIA_URL = '/media/' ``` 最后，需要在模板中显示上传的图片，可以使用 `MEDIA_URL` 和 `filename` 拼接出图片的 URL，然后在 `<img>` 标签中展示。 ```html {% if filename %} <img src="{{ MEDIA_URL }}{{ filename }}" alt="上传的图片"> {% endif %} ```
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值