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

上传图片

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

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

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

创建包含图片的模型类

将模型类的属性定义成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。

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

在管理页面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/

42. Django 2.1.7 上传图片 - Admin后台管理_Django教程_03

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

42. Django 2.1.7 上传图片 - Admin后台管理_Django教程_04

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

42. Django 2.1.7 上传图片 - Admin后台管理_Django教程_0542. Django 2.1.7 上传图片 - Admin后台管理_Django教程_06

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/下,如下图:

42. Django 2.1.7 上传图片 - Admin后台管理_Django教程_07