前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Django 2.1.7 上传图片 - Admin后台管理

Django 2.1.7 上传图片 - Admin后台管理

作者头像
Devops海洋的渔夫
发布2019-07-08 10:05:44
1.4K0
发布2019-07-08 10:05:44
举报
文章被收录于专栏:Devops专栏Devops专栏

Django 2.1.7 Admin管理后台文章

Django 2.1.7 Admin管理后台 - 注册模型、自定义显示列表字段

Django 2.1.7 Admin - 列表页选项

Django 2.1.7 Admin - 编辑页选项

Django 2.1.7 Admin - 重写模板,自定义后台

上传图片

在Django中上传图片包括两种方式:

  • 在管理页面admin中上传图片
  • 自定义form表单中上传图片

上传图片后,将图片存储在服务器上,然后将图片的路径存储在表中。

创建包含图片的模型类

将模型类的属性定义成models.ImageField类型。

1)打开assetinfo/models.py文件,定义模型类PicTest。

代码语言:javascript
复制
class PicTest(models.Model):
    pic = models.ImageField(upload_to='assetinfo/')

2)回到命令行中,生成迁移。

代码语言:javascript
复制
python3 manage.py makemigrations
python3 manage.py migrate

3)迁移之后,在mysql中查看表结构。

代码语言:javascript
复制
mysql> desc assetinfo_pictest;
+-------+--------------+------+-----+---------+----------------+
| Field | Type         | Null | Key | Default | Extra          |
+-------+--------------+------+-----+---------+----------------+
| id    | int(11)      | NO   | PRI | NULL    | auto_increment |
| pic   | varchar(100) | NO   |     | NULL    |                |
+-------+--------------+------+-----+---------+----------------+
2 rows in set (0.00 sec)

mysql> 

4)打开mysite/settings.py文件,设置图片保存路径。

因为图片也属于静态文件,所以保存到static目录下。

代码语言:javascript
复制
MEDIA_ROOT=os.path.join(BASE_DIR,'static/media')

5)在static目录下创建media目录,再创建应用名称的目录,此例为assetinfo。

在管理页面admin中上传图片

1)打开assetinfo/admin.py文件,注册PicTest。

代码语言:javascript
复制
from django.contrib import admin
from .models import *

admin.site.register(PicTest)

2)运行服务器,输入如下网址。

http://127.0.0.1:8000/admin/

3)点击“Add”添加数据,打开新页面。

4)选择图片,点击“save”按钮完成图片上传。

5)回到数据库命令行,查询表pictest中的数据如下图:

代码语言:javascript
复制
mysql> select * from assetinfo_pictest;
+----+-----------------+
| id | pic             |
+----+-----------------+
|  1 | assetinfo/1.png |
+----+-----------------+
1 row in set (0.00 sec)

mysql> 

6)图片被保存到目录static/media/assetinfo/下,如下图:

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.07.02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Django 2.1.7 Admin管理后台文章
  • 上传图片
  • 创建包含图片的模型类
  • 在管理页面admin中上传图片
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档