工作生活

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

2019-07-02  本文已影响0人  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中上传图片包括两种方式:

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

创建包含图片的模型类

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

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

class PicTest(models.Model):
    pic = models.ImageField(upload_to='assetinfo/')

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

python3 manage.py makemigrations
python3 manage.py migrate

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

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目录下。

MEDIA_ROOT=os.path.join(BASE_DIR,'static/media')

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

在管理页面admin中上传图片

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

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中的数据如下图:

mysql> select * from assetinfo_pictest;
+----+-----------------+
| id | pic             |
+----+-----------------+
|  1 | assetinfo/1.png |
+----+-----------------+
1 row in set (0.00 sec)

mysql> 

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

上一篇下一篇

猜你喜欢

热点阅读