Django后端上传图片并通过前端显示

PY123456PY123456

已于 2022-06-16 09:24:12 修改

阅读量2.7k

点赞数 2

文章标签： django python 后端

于 2022-06-16 09:16:39 首次发布

本文链接：https://blog.csdn.net/PY123456PY123456/article/details/125309383

版权

后端上传图片

😑FileField: 上传文件字段

参数	说明
upload_to = ""	上传文件的保存路径如：upload_to = "uploads/%Y/%m/%d/“

😑ImageField: 继承于FileField，对上传的内容进行校验，确保是有效的图片

参数	说明
upload_to = ""	上传文件的保存路径如：upload_to = "uploads/%Y/%m/%d/“
storage = None	存储组件，默认django.core.files.storage.FileSystemStorage
width_field = None	上传图片的高度保存的数据库字段名（字符串）
height_field = None	上传图片的宽度保存的数据库字段名（字符串）

第一步安装pillow这个插件

pip install pillow

第二步在settings.py中配置如下：

# 设置上传的图片保存的路径
MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

PY123456PY123456

关注关注

2
点赞
踩
18

收藏

觉得还不错? 一键收藏
1
评论
Django后端上传图片并通过前端显示

在Django项目中通过127.0.0.1/admin登录到django后台上传图片保存到数据库中并在前端页面中显示
复制链接

扫一扫

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

baidu_41390359的博客

03-25

4013

前端 form表单提交文件，需要加上 enctype=“multipart/form-data” <form method="post" enctype="multipart/form-data" action=""> <div class="form-group"> <label for="icon_input">头像</la...

Django后端图片上传到前端页面并展示

IT_more_hair的博客

07-29

2785

这里用到的是base64的形式展示 views视图代码: import os import base64 from rest_framework.views import APIView from rest_framework.response import Response class ONE(APIView): def get(self, request): dir_name = request.GET.get('dir_name') request.

1 条评论您还未登录，请先登录后发表或查看评论

访问django后端图片方法

forceair的博客

04-13

279

访问django后端图片方法

（django）01 django实现前端上传图片到后端保存

akswyh的博客

04-21

6473

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后端接收VUE前端数据的两种方法

m0_56118578的博客

12-15

3021

vue前端向Django后端传输数据，最大的区别是Django后端的接收方式，下面会针对两种不同的Django后端接收方式进行说明。

前端vue后端django如何上传图片（文件也这样）并保存

Wuxiaoming135的博客

02-25

659

一般来说，上传如片都需要使用input type=file的形式，这种形式点击这个input即可。这样一来，就可以实现文件上传了。

[Django学习]前端+后端两种方式处理图片流数据

wahzx的博客

06-22

798

前后端完整过程为：前端填写图片标题等信息，之后选择图片并传给后端，后端把前端传过来的图片保存在当前项目文件中，并在数据库中存放图片的位置。前端想要查看图片，后端先从数据库中调出图片的位置信息，之后把位置信息传给前端，前端src展示出图片。1.首先，我们现在models.py文件中定义模型来存放该图片数据,前端传来的数据都会存放在Django项目文件里的images文件夹下。4.在视图文件里增加两个函数，一个是用来前端给后端传图片流数据，后端进行处理；另一个是后端从数据库中调出图片返还给前端。

使用django的APP在前端上传excel通过post传给后端读取并打印

学习笔记

06-11

1763

备研了，博客许久未更了，但是学期末的大作业，遇到了问题并成功解决了，不得不记录一下。

django+vue实现前端文件上传以及后端文件处理返回

qq_54088171的博客

09-20

1042

使用vue和django创建一个前后端图片数据交互的小例子。

Django后端分离使用element-ui文件上传方式

12-17

在本文中，我们将探讨如何...通过以上步骤，你可以构建一个Django后端分离的文件上传系统，利用Element-UI提供用户友好的界面和Vue.js的响应式特性。记住，前后端之间的通信需要遵守RESTful原则，确保数据的安全传输。

Django后台获取前端post上传的文件方法

12-23

由于初学Django所以对于其特有的表单模板和models中的filefiled并不是特别熟悉。因此在本次开发中还是依照以往自己在html中写好图片提交表单：注意在<form>表单的定义中一定要加上enctype＝ “multipart/...

django上传图片并生成缩略图方法示例

09-21

在Django框架中，处理用户上传的图片并生成缩略图是一项常见的需求。这个过程涉及到前端HTML表单的设置、后端视图函数的编写以及图像处理库的使用。以下是一个详细步骤的介绍：首先，我们需要创建一个HTML表单来让...

Django学习（二）

weixin_67852201的博客

07-25

721

当我门直接访问时会出触发django的csrf检测。

Selenium与WebDriver：Errno 8 Exec格式错误的多种解决方案

ip16yun的博客

07-30

343

在使用Selenium和WebDriver进行网页自动化时，可能会遇到各种错误。其中一个常见问题是执行格式错误（Errno 8 Exec format error）。这个错误通常在运行ChromeDriver时出现，错误提示涉及路径中的某个文件。本文将概述这个问题的背景，并提供多种解决方案，包括如何使用代理IP技术进行数据抓取。

Chapter 18 Python异常

2302_80253507的博客

07-28

1309

在Python中，异常是一种特定的对象，能够在程序运行过程中被抛出和处理。有效地管理异常不仅可以增强程序的稳定性，还可以提高用户体验，使程序能够优雅地处理错误情况。本章详细讲解了异常的基本概念以及如何捕获和处理异常。

python字符串数据容器练习（replace,split,count）

最新发布

2301_79600015的博客

07-31

392

Python字符串是由一系列字符组成的数据类型。在Python中，字符串是不可变的，这意味着一旦创建了一个字符串，就不能修改它的内容。以下是关于Python字符串的一些重要知识点：1. 字符串的基本操作：拼接字符串：使用`+`运算符。重复字符串：使用`*`运算符。索引和切片：使用`[]`和`:`操作符访问字符串中的子串。长度：使用`len()`函数获取字符串长度。转换大小写：使用`upper()`和`lower()`方法。分割和连接：使用`split()`和`join()`方法。

loguru日志模块：简化Python自动化测试的日志管理！

07-29

825

日志是软件开发中的关键组成部分，为开发和测试人员提供了调试和监控应用程序的重要手段。loguru 是一个第三方的 Python 日志库，以其简洁的 API 和自动化的功能脱颖而出。本文将探讨为什么项目中需要日志，loguru 为何受到青睐，以及如何封装和在接口自动化测试项目中使用 loguru，同时结合 Allure 生成丰富的测试报告。

Python入门知识点 10--闭包与装饰器

@网工小赵的博客

07-30

909

什么情况下会用到装饰器特性:在不修改源代码的基础上,给函数加功能。

Django后端上传多张图片到前端页面并展示

05-23

实现这个功能需要以下步骤： 1. 定义一个模型来存储上传的图片，例如： ```python from django.db import models class Image(models.Model): image = models.ImageField(upload_to='images/') ``` 2. 创建一个表单来让用户上传图片，例如： ```python from django import forms class ImageUploadForm(forms.Form): images = forms.ImageField(widget=forms.ClearableFileInput(attrs={'multiple': True})) ``` 3. 在视图函数中处理上传的图片，将它们保存到数据库中，并将图片的URL传递给模板。例如： ```python from django.shortcuts import render, redirect from .forms import ImageUploadForm from .models import Image def upload(request): if request.method == 'POST': form = ImageUploadForm(request.POST, request.FILES) if form.is_valid(): for image in request.FILES.getlist('images'): Image.objects.create(image=image) return redirect('gallery') else: form = ImageUploadForm() return render(request, 'upload.html', {'form': form}) def gallery(request): images = Image.objects.all() return render(request, 'gallery.html', {'images': images}) ``` 4. 在模板中展示上传的图片，例如： ```html  <form method="post" enctype="multipart/form-data"> {% csrf_token %} {{ form.as_p }} <button type="submit">Upload</button> </form>  {% for image in images %} <img src="{{ image.image.url }}" alt="Image"> {% endfor %} ``` 这样就可以实现在Django后端上传多张图片到前端页面并展示了。