Django2之media配置上传显示图片

太过爱你忘了你带给我的痛 2021-12-21 06:03 212阅读 0赞

## 1、项目下创建meaid目录，并将其设置为根目录 ##

文件夹------>右击------->Make Directory as------>Sources Root

## 2、settings中进行配置 ##

TEMPLATES = [
        {
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            'DIRS': [os.path.join(BASE_DIR, 'templates')],
            'APP_DIRS': True,
            'OPTIONS': {
                'context_processors': [
                    'django.template.context_processors.media',
                ],
            },
        },
    ]
    MEDIA_URL = '/media/'
    MEDIA_ROOT = os.path.join(BASE_DIR,'media')

## 3、urls中进行配置 ##

from django.urls import path,include,re_path
    from django.views.static import serve
    from eduproject.settings import MEDIA_ROOT
    
    urlpatterns = [
        # 处理 media 信息，用于图片获取
        re_path(r'^media/(?P<path>.*)', serve, {"document_root":MEDIA_ROOT}),
    ]

## 4、models中配置上传图片 ##

class UserInfo(models.Model):
        image = models.ImageField(upload_to='user/',max_length=200,verbose_name="头像")

## 5、前台展示 ##

<img width="100" height="100"  data-url="{
       { MEDIA_URL }}{
       { user.image }}"/>

发表评论取消回复

表情：

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

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

相关阅读

相关 Python Django 图片上传及显示代码示例

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

旧城等待，/ 2023年10月07日 10:24/ 0 赞/ 56 阅读

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

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

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

相关图片上传、显示

后端代码 @ApiOperation("上传图片") @PostMapping("/upload") public String upload(@

古城微笑少年丶/ 2023年06月03日 08:58/ 0 赞/ 61 阅读

相关 js图片上传并显示

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

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

相关 Django实现图片上传

前言最近开发图片上传，只是上传到项目根目录下面的一个文件夹里 -------------------- 代码实现 1.首先在项目settings

男娘i/ 2022年10月22日 11:55/ 0 赞/ 316 阅读

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

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

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

相关图片上传并显示

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

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

相关 struts2+ckeditor配置图片上传

代码： ![复制代码][copycode.gif] package action; import java.io.File; import

比眉伴天荒/ 2022年06月10日 00:38/ 0 赞/ 252 阅读

相关 Struts2+Mysql图片上传-显示

刚学完Struts2的图片上传-显示，一点个人总结。最后附上（上传，显示，修改，删除）的代码下载. 效果图： ![70][] 思路： 1. 确定保存

素颜马尾好姑娘i/ 2022年05月19日 03:25/ 0 赞/ 316 阅读

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

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

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