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后面的路径是正确的且有这张图片，网页就能显示对于动态的也一样你只要确保路径是正确的就行。

django 实现显示图片功能相关推荐

java 上传图片后没法立马显示出来_SpringMVC多个文件上传及上传后立即显示图片功能...
多文件上传就是改良一个方法把MultipartFile类换成CommonsMultipartFile类,因为上传多个文件用数组方式的话MultipartFile类不能初始化,它不支持数组 packag ...
SpringMVC实现微信链接分享到朋友圈显示图片功能微信JS-SDK调用步骤
SpringMVC实现微信链接分享到朋友圈显示图片功能微信JS-SDK调用步骤一.登录微信平台 login url:https://mp.weixin.qq.com/ name: your name ...
构建自己的网站（一）——uWSGI+Django实现显示图片点击更新
文章目录目的说明前提遇到的问题及解决通过ip地址+端口也访问不到服务器? 域名不可用? 域名解析后还是不可用?80端口没开放? 本地实现点击切换图片 django+html图片显示不出来? d ...
Django无法显示图片
首先注意的一点是,Django没有根目录的这个说法,所以下载下来的html文件没有办法直接使用,必须进行修改路径,特别是图片引用的路径,需要进行修改. 路径不对源码 {% load staticfi ...
【PYQT】制作可以显示图片的抽卡模拟器
文章目录前言一.前置操作二.操作步骤 1.qt绘制模拟器界面并转换为py文件 2.在项目文件夹加入数据文件 3.新建一个py文件进行操作界面三.测试程序总结前言记录自己学习pyqt制作抽 ...
Fullcalendar日历使用，包括视图选择、事件插入、编辑事件、事件状态更改、事件添加和删除、事件拖动调整，自定义头部，加入el-popover显示图片、图片预览、添加附件链接等，支持手机显示。
Fullcalendar这个插件挺好,就是很多方法感觉官方文档也没怎么说,导致上手难度大,而且有些默认事件真的不太友好...废话不多说,先上效果图! 1.效果GIF 1.1 基本按钮功能 1.2 事 ...
uart口图片_uart 加强了的串口调试助手，可以自动记录传输数据，并且显示图片，示波器等功能 Com Port 编程 267万源代码下载- www.pudn.com...
文件名称: uart下载收藏√ [ 5 4 3 2 1 ] 开发工具: C# 文件大小: 10479 KB 上传时间: 2014-06-06 下载次数: 62 提供者: 林元峰详细 ...
Django上传并显示图片
Django上传并显示图片非常详细的教程,教大家一步步用Django上传与显示图片.用例子学习是一个不错的方法,下面我用一个非常简单的例子为大家讲解Django中图片的上传与显示. 1. 创建名称为 ...
Android 通过开源框架实现加载网络图片并下载到SD卡通知系统相册显示，（并实现分享图片功能）
首先看下本 demo实现的功能 1:实现网络图片的加载显示 2:点击图片底部弹出popupwindow 3:点击分享实现单个图片分享到:微信,朋友圈,QQ,QQ控件(调用系统) 4:点击下载实现图 ...

django 实现显示图片功能

django 实现显示图片功能相关推荐

最新文章

热门文章