django 实现显示图片功能

此方法亲测有效

django 版本 3.0.8
python 版本 3.8.1

  • 在settings.py中添加如下代码
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
  • 在你的主项目的urls.py下添加如下代码
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.contrib import staticfiles
from django.contrib.staticfiles.urls import static
from . import settings

  • 在最后添加如下代码
urlpatterns += staticfiles_urlpatterns()
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  • 在与主项目平行的文件夹下创建一个名为media的文件夹
    像这样
  • 把你想显示的图片放到此文件夹中
  • 在你的想要插入图片的html模板中写下如下代码,注意src=后面接的是你图片的路径这里是静态图片
<img src="/media/your_photos_name.png" width="980" height = "180"/>

我的结果

我无语了,不知道为啥一直上传不上去,反正成功了。

只要src后面的路径是正确的且有这张图片,网页就能显示对于动态的也一样你只要确保路径是正确的就行。

  • 7
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
使用Django实现后台上传并显示图片功能需要进行以下步骤: 1. 在项目的settings.py文件中,确保DEBUG设置为False。这是为了在生产环境中禁用Django自带的错误页面,以增加网站的安全性和性能。 2. 首先,在models.py文件中创建一个模型类,用于存储图片的相关信息,例如图片标题、描述和上传时间等。为了存储图片文件,可以使用Django自带的ImageField字段或者FileField字段。 3. 在项目的urls.py文件中,创建一个URL路由,用于处理上传和访问图片的请求。 4. 在views.py文件中,编写视图函数来处理上传和访问图片的逻辑。对于上传图片功能,可以使用Django自带的Form模块提供的功能来处理用户提交的图片文件。在视图函数中,可以通过request.FILES属性获取到用户上传的图片文件,并通过模型类的save()方法将图片文件保存到指定的目录下。对于显示图片功能,可以通过视图函数读取存储的图片文件并返回给前端页面。 5. 在前端页面中,使用HTML的form标签创建一个上传表单,设置enctype属性为"multipart/form-data",以支持文件上传。通过指定表单的action属性为后台处理上传图片的URL路由地址来提交表单,并在页面中显示上传的图片。 需要注意的是,由于DEBUG设置为False,Django将不会自动提供静态文件(包括图片)的服务,因此需要在生产环境中配置静态文件的服务,例如使用Nginx或者Apache等Web服务器来处理静态文件的请求。另外,还需要在settings.py文件中设置STATIC_ROOT属性,指定静态文件的存放路径。 综上所述,通过以上步骤,就可以在Django实现后台上传并显示图片功能,并且确保DEBUG设置为False来提高网站的安全性和性能。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值