Django:上传图片在media文件,点击路径,图片无法显示的问题,解决方法如下:

1.问题描述

如上图django后台已经上传了图片,当点击2.jpg想查看图片时,出错,如下图

但是我已经配置好了media的路径,为什么无法访问?经过检查和google,由于缺少步骤2的一句代码和步骤3的配置添加后问题解决,以下将从头开始重新描述配置细节,可对照检查自己的代码,是否有缺少其中的步骤。

2.解决方法(实现后台上传图片且点击图片名显示图片)

步骤一:在项目目录下新建文件夹,文件夹命名:media。然后在setting文件配置media路径与目录

注意:media文件夹与app、templates属于同一级目录

setting文件夹加入如下media路径与目录


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

步骤二:在url.py中添加路由

urlpatterns = [
    #path(r'static/(?P<path>.*)', serve, {'document_root':settings.STATICFILES_DIRS}),
    #上面注释的是static文件的路由,此处与media路由用作对比
    path(r'media/(?P<path>.*)', serve,{'document_root': settings.MEDIA_ROOT}),
]+static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

注意:+static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) 如果你配置的是static路径不需要这部分代码,但是如果配置media路由这部分代码必须添加。并且注意static和settings的引入包(路由中serve的包引入在第三行),下面为正确引入的包:

from django.conf.urls.static import static
import settings
from django.views.static import serve

注意:如果是python3引入settings时改为

 from . import settings

步骤三:settings 中配置模板的处理器

在setting.py中找到 TEMPLATES,在 'context_processors'中添加'django.template.context_processors.media',最好加上逗号

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
                'django.template.context_processors.media',

            ],
        },
    },
]

3.效果页面

要实现批量上传图片到指定路径中,可以使用Django自带的FileField和ModelForm组合来完成。具体步骤如下: 1.在models.py中定义一个模型类,其中包含一个FileField类型的字段,用于存储上传的图片文件,例如: ```python from django.db import models class Upload(models.Model): img = models.FileField(upload_to='uploads/') ``` 2.在forms.py中定义一个ModelForm类,用于处理上传的表单数据,并将其保存到数据库中,例如: ```python from django import forms from .models import Upload class UploadForm(forms.ModelForm): class Meta: model = Upload fields = ('img',) ``` 3.在views.py中定义一个视图函数,用于接收用户提交的表单数据,并将上传的图片保存到指定路径中,例如: ```python from django.shortcuts import render from .forms import UploadForm def upload(request): if request.method == 'POST': form = UploadForm(request.POST, request.FILES) if form.is_valid(): instance = form.save(commit=False) instance.save() return render(request, 'upload_success.html') else: form = UploadForm() return render(request, 'upload.html', {'form': form}) ``` 4.在upload.html模板中定义一个表单,用于上传图片文件,并将其提交到视图函数中处理,例如: ```html <form method="post" enctype="multipart/form-data"> {% csrf_token %} {{ form.as_p }} <button type="submit">上传</button> </form> ``` 5.在settings.py中设置MEDIA_ROOT和MEDIA_URL,用于指定上传文件的存储路径和访问路径,例如: ```python MEDIA_ROOT = os.path.join(BASE_DIR, 'media') MEDIA_URL = '/media/' ``` 6.最后,需要在项目的urls.py中添加一个URL模式,用于将上传文件的访问路径映射到MEDIA_ROOT下的实际文件路径,例如: ```python from django.conf.urls.static import static from django.conf import settings urlpatterns = [ # ... ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) ``` 这样就可以实现批量上传图片到指定路径中了。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值