美文网首页工作生活
Django 2.1.7 上传图片 - Admin后台管理

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

作者: Devops海洋的渔夫 | 来源:发表于2019-07-02 22:09 被阅读0次

    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。

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

    相关文章

      网友评论

        本文标题:Django 2.1.7 上传图片 - Admin后台管理

        本文链接:https://www.haomeiwen.com/subject/kvbocctx.html