Django Admin上传图片并在显示出来

今天药忘吃喽~ 2023-06-07 12:18 22阅读 0赞

创建项目后，在和mainsite和template和static同一级别目录下创建一个media文件夹  
**在settings.py中添加MEDIA\_ROOT和MEDIA\_URL**

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

**在models.py相应的模型类中添加ImageField**

photo = models.InageField(null = True,
    								blank = True,
    								upload_to = 'image',
    								max_length = 200 )

**修改urls.py添加如下代码：**

...
    from django.conf.urls.static import static
    from .import settings
    
    
    
    
    urlpatterns = [
       ...
       ] + static(settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)
    //或者直接在末尾添加一行
    urlpatterns + static(settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)

之后进行数据库迁移，并在admin.py中注册即可。

...
    from .models import Professor
    class ProfessorAdmin(admin.ModelAdmin):
    	list_display = (.... , 'photo')
    admin.site.register(Professor, ProfessorAdmin)

会看到admin相关数据行多了一条  
![在这里插入图片描述][20191015105612347.png]  
![在这里插入图片描述][20191015105549697.png]  
点进去会看到相关图片会显示出来

[20191015105612347.png]: /images/20230601/f831264293624747839067d9b4cbbdc1.png
[20191015105549697.png]: /images/20230601/415ad574c6cf450bbbb8b41cd8fd1834.png

发表评论取消回复

表情：

评论列表（有 0 条评论，22人围观）

还没有评论，来说两句吧...

相关阅读

相关 base64图片上传，并显示图片，

<a href="javascript:;" class="file">选择文件 <input type="hidden" id="files-button"

刺骨的言语ヽ痛彻心扉/ 2023年08月17日 16:38/ 0 赞/ 187 阅读

相关 Django Admin上传图片并在显示出来

创建项目后，在和mainsite和template和static同一级别目录下创建一个media文件夹在settings.py中添加MEDIA\_ROOT和MEDIA\_

今天药忘吃喽~/ 2023年06月07日 12:18/ 0 赞/ 23 阅读

相关 VS2019 开发Django（六）------Admin中图片上传

导航：[VS2019开发Django系列][VS2019_Django] 该篇继续完善在Django的管理界面上传图片，因为LazyOrders小程序中菜单需要展示图片

桃扇骨/ 2023年06月03日 15:57/ 0 赞/ 31 阅读

相关 js图片上传并显示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

淩亂°似流年/ 2022年12月13日 01:42/ 0 赞/ 266 阅读

相关 php上传图片并显示代码,php完整图片上传代码

我们的目标效果：网站后台图片上传，点击上传选择图片，上传成功之后自动把图片名称放在input文本框内！！先说使用方法吧：(代码在下方自行复制，共三个demo页) 首先，最

末蓝、/ 2022年11月18日 01:25/ 0 赞/ 330 阅读

相关 springmvc上传图片并显示--支持多图片上传

实现上传图片功能在Springmvc中很好实现。现在我将会展现完整例子。开始需要在pom.xml加入几个jar,分别是： <dependency>

电玩女神/ 2022年08月20日 04:13/ 0 赞/ 360 阅读

相关图片上传并显示

问题描述： ![这里写图片描述][SouthEast] 选择了文件过后是这样的： ![这里写图片描述][SouthEast 1] 很显然，这样的按钮并不好看。

比眉伴天荒/ 2022年07月03日 12:30/ 0 赞/ 383 阅读

相关 html上传图片后，在页面显示上传的图片

html上传图片后，在页面显示上传的图片 1、html <form class="container" enctype="multipart/form-data"

爱被打了一巴掌/ 2022年06月04日 02:42/ 0 赞/ 337 阅读

相关 ajx异步上传图片并显示

利用ajax+springmvc完成上传图片并显示前言：还是由于前期没有系统的学习，又坑了自己一把。第一点：SpringMVC在接受图片，需要在springmvc中

逃离我推掉我的手/ 2022年05月08日 08:04/ 0 赞/ 299 阅读

相关 Django2之media配置上传显示图片

1、项目下创建meaid目录，并将其设置为根目录文件夹------>右击------->Make Directory as------>Sources Root 2

太过爱你忘了你带给我的痛/ 2021年12月21日 06:03/ 0 赞/ 196 阅读