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

上传图片

在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。

在管理页面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/下，如下图：