django-前端上传图片190912

最新推荐文章于 2024-05-16 08:15:41 发布

鲸鱼编程pyhui

最新推荐文章于 2024-05-16 08:15:41 发布

阅读量652

点赞数

本文链接：https://blog.csdn.net/ifubing/article/details/100761079

版权

路由

    # 上传图片的页面
    path("test_pic_upload/", one_views.test_pic_upload, name="test_pic_upload"),
    # 传图的处理
    path("upload_handle/", one_views.upload_handle, name="upload_handle")

显示图片的视图

在这里插入图片描述

前端表单注意事项

<body>

<form action="/one/upload_handle/" method="post" enctype="multipart/form-data">

    <input type="file" name="pic">
    <input type="submit" value="提交">

</form>

</body>

注意三个点：

》上传图片文件，一定要用 post 方式上传

同理，文件，音频，视频都用post

》类型一定要写

enctype="multipart/form-data

》表单控件

   <input type="file" name="pic">

upload_handle视图

路由

    # 传图的处理
    path("upload_handle/", one_views.upload_handle, name="upload_handle")

视图

》拿到所有的传输过来的文件

request.FILES

》拿到指定传过来的文件

request.FILES[键]

键的取值源自

在这里插入图片描述

》写入文件

在这里插入图片描述

》需要完成数据的保存

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鲸鱼编程pyhui

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Django-图片上传

XueDaJing030409的博客

06-04

143

图片上传 static 和 media 都是存放文件的地方，但是又有区别，以下是两个文件夹的区别和用法 static 定义 static 是静态文件，主要存的是 CSS, JavaScript, 网站 logo 等不变的文件。配置配置settings.py 1 2 3 4 5Copy STATIC_URL = '/static/' # 静态文件别名（相对路径）和绝对路径 STATICFILES_DIRS = [ os.path.join(B.

Django web开发(一) - 前端

热门推荐

每天进步亿点点

11-30

6万+

Django学习 Web框架 Python语言

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

Django实现前台上传并显示图片功能

12-17

1. 前台 templates/upload/upload.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/myupload/upload/" method="post" enctype="multipart/form-data"> {% csrf_token %} 名字：<input type="text" name="name"> 头像：<input type="file

django html图片上传,Django 上传图片（整理）

weixin_39816362的博客

06-04

475

Django 图片上传

weixin_43235307的博客

12-15

7637

1、django上传图片，主要是将图片存储在内存或者临时文件中。所以，上传图片，就是将图片的路径存储在数据库中。 1、图片大小不大于2.5M时，存储在内存。 2、图片大小大于2.5M时，存储在临时文件中。 2、上传图片步骤。 1）设置上传文件的目录。在settings.py文件下，设置上传文件的目录。（与设置静态目录的方法一致） 2）在数据库中创建数据表，其中有关图片的字段设置为varchar，用于存储图片路径。（使用的数据库为mysql） ...

django-图片上传，用户上传

pyhui的技术博客

11-20

1094

》自定义页面定义用户上传图片的页面》前端》路由》视图视图代码》看看图片是什么样的》上传图片的视图根据图片大小不同，放的位置不同》获取上传文件的名字》拿到settings配置》文件路径的获取》分块获取文件内容》在数据库中保存记录其它上传文件处理器 ...

django-mdeditor-0.1.17.tar.gz

03-08

编辑器通常包括实时预览、代码高亮、图片上传等功能，使得内容创作变得更加直观和高效。在0.1.17版本之前，用户可能遇到的一个常见问题是“'gkb' codec”错误。这个错误通常出现在Python处理非标准编码方式时，...

Python库 | django-summernote-0.5.9.tar.gz

03-02

然后，在Django项目的`settings.py`文件中，需要将`django_summernote`添加到`INSTALLED_APPS`列表中，并进行适当的配置，例如设置语言、上传文件的路径等。 **使用与API** `django-summernote` 提供了各种API和...

django-ckeditor-filer:基于 django-filer 的 CKEditor 文件浏览器

06-04

这个组合为 Django 开发者提供了一个便捷的方式来管理和插入各种媒体文件（如图片、文档等）到富文本内容中。以下是关于这个集成的详细知识点： 1. **CKEditor**: CKEditor是一款广泛使用的开源富文本编辑器，支持...

django-demo

07-11

7. **Static and Media Files**: 静态文件（如CSS、JS、图片）和用户上传的媒体文件。 8. **Vue.js Components**: 在前端，Vue.js的组件构成用户界面，可能与Django后端通过API进行通信。由于实际的描述信息缺失，...

django将图片上传数据库后在前端显式的方法

09-20

今天小编就为大家分享一篇django将图片上传数据库后在前端显式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

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

IT_more_hair的博客

07-29

2839

这里用到的是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.

django 上传图片并显示注意事项总结

lambert的博客

05-14

1143

settings.py(# 设置上传文件的路径) TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, 'templates')] , 'APP_DIR...

【Django+vue3】上传和显示图片

qq_51248362的博客

11-26

2283

最近在学习使用django和vue3写一个前后端项目，在上传用户图片这边卡了好一会儿，网上找了好多资料，最后还是自己总结了一点经验。我前端用的是elment-plus框架，上传图片用了el-upload组件，后端采用django，前后端分离。本文主要介绍如何利用vue3 + django上传图片和显示图片。

djnago+vue+element ui前后的分离上传图片并保存

fresh_nam的博客

11-30

3298

文章目录版本一、pandas是什么？二、使用步骤1.引入库2.读入数据总结版本 python:3.7 django:3.1.2 一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤 1.引入库代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings

从Django项目创建到图片上传的全方位指南

最新发布

qq_38140936的博客

05-16

826

通过本文，我们深入了解了 Django 框架的一些基本概念和使用方法，以及如何利用 Django 构建一个简单的图像上传应用程序。从项目创建到环境配置，再到 admin 端图像处理和用户图片上传，我们逐步学习了如何利用 Django 提供的功能快速搭建 Web 应用。无论是对于初学者还是有一定经验的开发者，掌握 Django 都能够帮助我们更高效地开发出高质量的 Web 应用。希望本文能够为您提供一些帮助和启发，让您更加深入地了解 Django，并能够在实际项目中运用所学知识。

Django 前端插入图片

垂钓者-change

05-20

5490

文件路径放在blog app文件夹下面的/blog/static/test.png html代码 <img src="/static/test.png" width="60" height="105" /> 修改设置文件 setting.py 加入如下代码： # 设置图片等静态文件的路径（电脑系统文件夹路径） STATICFILES_DIRS = ( "/home/wen...

Django框架实现图片上传，存储和显示功能

ZJX_959的博客

09-18

3108

在django框架中，前端页面不能直接使用相对路径或绝对路径显示图片，需要通过urls.py来提供每个URL 对应的django的函数来显示在页面。思路：将form表单上传的文件，后台接受后创建文件夹接受并存储到数据库中，我的图片路径存储在D:\workspace\upload_pic\media,然后新建一个文件存放在里边,上传成功后返回图像新建一个数据表 model.py from dj...

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

wangxg6的博客

05-31

2万+

不采用form.py框架，models.py中不用filefiled的情况下获取前端表单post上来的图片，并保存在指定路径中。

django如何把前端上传的图片自动保存

05-27

在 Django 中，可以通过一个 `ImageField` 字段来接收上传的图片，并将其保存到指定的目录下。与 `FileField` 类似，`ImageField` 字段也会自动检查上传的文件是否为图片，并对其进行处理。首先，在模型中定义一个 `ImageField` 字段，例如： ```python class MyModel(models.Model): uploaded_image = models.ImageField(upload_to='uploads/') ``` 在这个例子中，`uploaded_image` 是一个 `ImageField` 字段，`upload_to` 参数指定了图片的保存路径。当用户上传图片时，Django 会自动将图片保存到指定的路径下，并将图片的相关信息保存到数据库中。在视图函数中，我们可以通过 `request.FILES` 属性获取上传的图片，然后将其保存到指定的位置。例如： ```python def upload_image(request): if request.method == 'POST': uploaded_image = request.FILES['image'] # 将图片保存到指定的路径下 file_path = os.path.join(settings.MEDIA_ROOT, 'uploads', uploaded_image.name) with open(file_path, 'wb+') as f: for chunk in uploaded_image.chunks(): f.write(chunk) # 创建 MyModel 对象，并保存图片的相关信息到数据库中 my_model = MyModel.objects.create(uploaded_image=file_path) # 处理图片 # ... return render(request, 'upload.html') ``` 在这个例子中，我们首先获取上传的图片，然后将其保存到指定的路径下。接着，我们创建一个 `MyModel` 对象，并将保存图片的路径保存到 `uploaded_image` 字段中，最后保存对象到数据库中。需要注意的是，保存图片到指定路径后，我们需要将图片的路径保存到数据库中，而不是直接保存图片的二进制数据。需要注意的是，在保存图片时，Django 会自动检查上传的文件是否为图片，并对其进行处理。如果上传的不是图片，Django 会抛出一个 `ValidationError` 异常。因此，在处理图片时，需要使用 `try...except` 块来捕获可能出现的异常。