首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Django 2.1模板img src不工作

Django是一个基于Python的高级Web开发框架,它提供了一种快速开发和高效管理Web应用程序的方式。Django的模板系统是其核心功能之一,可以用于生成动态的HTML页面。

在Django 2.1版本中,使用模板中的img标签的src属性时,需要注意以下几点:

  1. 图片路径:确保img标签的src属性中指定的图片路径是正确的。可以使用相对路径或绝对路径来指定图片的位置。如果图片位于静态文件目录中,可以使用静态文件处理器来获取图片的URL。
  2. 静态文件处理器:Django提供了静态文件处理器来管理静态文件(如图片、CSS、JavaScript等)。在settings.py配置文件中,需要确保STATIC_URL和STATIC_ROOT设置正确,并且在urls.py中添加静态文件URL的映射。
  3. 模板标签:在模板中使用img标签时,可以使用Django提供的模板标签来生成图片的URL。例如,可以使用{% static %}标签来获取静态文件的URL,如下所示:
  4. 模板标签:在模板中使用img标签时,可以使用Django提供的模板标签来生成图片的URL。例如,可以使用{% static %}标签来获取静态文件的URL,如下所示:
  5. 这将生成一个指向静态文件目录中的example.jpg图片的URL。
  6. 静态文件目录结构:在Django项目中,静态文件通常存放在一个名为"static"的目录中。确保在项目根目录下存在该目录,并按照需要的目录结构组织静态文件。

综上所述,要解决Django 2.1模板中img标签的src不工作的问题,需要确保图片路径正确、配置正确的静态文件处理器、使用模板标签生成正确的图片URL,并按照规定的静态文件目录结构组织静态文件。

腾讯云提供了一系列与Django开发相关的产品和服务,例如云服务器、对象存储、CDN加速等,可以帮助开发者更好地部署和管理Django应用。具体产品和服务的介绍和使用方法,请参考腾讯云官方文档:腾讯云产品与服务

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

django学习-day05

一样的 然后在html页面中用到 {% load static %} static是静态文件存放目录,默认是static,一般是在setting最后一样static_url中 名字是可以改的,但是推荐...,因为改了名字之后所有的模板中static就失效了 1.在html中可以用{% load static%}引入static文件夹中的所有静态文件,然后在html标签对中{% static ‘静态文件名字...’ %},就可以把静态文件引入进来了, {% load static %} 我是公司的代码 img src=”{% static ‘1.jpg’%}” alt=””> 2.引入方法2,也就是直接在...’],就可以把static变成为内置的标签,就不用再在每一个模板中都用load来添加static进来了 # 模板的木块就到这里了, *** #下面是数据库模块 1,在setting中配置数据库的信息...2.数据库的操作方式有两种,一种是原生的sql命令,还有一种是使用django的ORM模型 2.1 使用原生的sql语句执行,直接在views中导入库 from django.db import

53120

【Python全栈100天学习笔记】Day43 Django静态资源与Ajax请求

准备工作 由于之前已经详细的讲解了如何创建Django项目以及项目的相关配置,因此我们略过这部分内容,唯一需要说明的是,从上面对投票应用需求的描述中我们可以分析出三个业务实体:学科、老师和用户。...,模板的配置以及模板页中模板语言的用法在之前已经进行过简要的介绍,如果不熟悉可以看看下面的代码,相信这并不是一件困难的事情。...sno={{ subject.no }}">{{ subject.name }} {% if subject.is_hot %} 标签来加载老师的照片,其中使用了引用静态资源的模板指令{% static %},要使用该指令,首先要使用{% load static %}指令来加载静态资源,我们将这段代码放在了页码开始的位置...Ajax请求 接下来就可以实现“好评”和“差评”的功能了,很明显如果能够在刷新页面的情况下实现这两个功能会带来更好的用户体验,因此我们考虑使用Ajax技术来实现“好评”和“差评”,Ajax技术我们在Web

47120

模板静态文件

Django中,我们将这些文件称为静态文件 Django提供 django.contrib.staticfiles来帮助你管理它们 二、作用 管理静态文件(例如图像,JavaScript,CSS,字体...INSTALLED_APPS存在django.contrib.staticfiles 在您的设置文件中,定义STATIC_URL STATIC_URL = '/static/' 在您的模板中可以用硬编码url的方式 /static/my_app/example.jpg 但是最好使用static模板标签通过使用配置的STATICFILES_STORAGE...存储来构建给定相对路径的URL (当您想要切换到内容交付网络(CDN)时,用于提供静态文件) 使用 注意:目录static在App应用目录下 则以上默认配置没问题 加载标签(加载标签选择任意一个即可 需写在模板第一行...src="{% static 'img/img.gif' %}" alt=""> 五、注意 您的项目可能还会有不与特定应用绑定的静态资产

99210

Django 学习笔记之模板

另外,除了 HTML 文件外,Django模板也能产生任何基于文本格式的文档。 我们就以一个简单的例子来开始学习模板。该模板是一段添加了些变量和模板标签的 html 文件。...2.1 if/else 标签 {% if %} 标签检查一个变量,如果这个变量为真(即,变量存在,非空,不是布尔值假),系统会显示在 {% if %} 和 {% endif %} 之间的任何内容。... {% for img in image_list %} {{ img.url }} {% empty %} 图片列表不能为空....因为 Django 已经帮我们搞定模板文件搜索工作。加载模板,我们使用函数 django.template.loader.get_template(),而不是手动从文件系统中加载。...调用 get_template() 函数,需要传入模板文件名称的参数。get_template() 函数帮我们实现了打开模板文件,关闭模板文件,异常处理等工作。这大大减轻了我们重复的工作量。

2K00

Django | 开发】面试招聘信息网站(用户登录注册&投在线递简历)

文章目录 一、候选人登录注册 二、创建建立模型 三、用户在线投递简历 1)创建视图与模板 2) 优化表单细节 让简历进入到面试流程 一、候选人登录注册 方法一:使用django-registraion-reduex...(建议), 相关配置 方法二:allauth 集成(建议) ✨【Django | allauth】登录_注册_邮箱验证_密码邮箱重置✨ ✨【Django | allauth】useprofile...'major', 'degree', 'candidate_introduction', 'work_experience', 'project_experience') 创建模板...-- header--> <img class="d-block mx-auto mb-4" src="https://p0.ssl.img...initial[message] = self.request.GET[message] return initial def form_valid(self, form): # 生成对象 (直接提交

87610

使用django-haystack实现全文检索

直接在django项目中使用whoosh需要关注一些基础细节问题,而通过haystack这一搜索框架,可以方便地在django中直接添加搜索功能,无需关注索引建立、搜索解析等细节问题。...', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions...settings中已经配置了MEDIA_ROOT为media文件夹 avatar = models.ImageField(upload_to='%Y%m%d/', blank=True)   2.1...object.body }}       3、如果使用一个字段设置了document=True,则一般约定此字段名为text,这是在SearchIndex类里面一贯的命名,以防止后台混乱,当然名字你也可以随便改,不过建议改...2.2  新建数据模板路径ArticlePost_text.txt       数据模板的路径为templates/search/indexes/article/ArticlePost_text.txt

1.2K30

cool-certificate, 一个好玩的证书生成工具

经过思考我发现这种思路是可行的,而且工作量貌似也不是很大,所以今天早上开始做了做,在无人机驾照的基础上又增加了2个有趣的证件:潜水证和超级帅哥证,今晚终于作出了一个粗糙的结果(网站页面使用了原始和简单的...(out_img_path) One things you must notice is that Django return stirng in the unicode format, so you...在Template中,如果值为0,则展示未处理的模板图片;如果值为1,则显示处理后的图片。...这里需要进行一定的设置,将保存模板图片和生成图片的目录imgs增加到static目录下,设置代码如下: # in settings.py SITE_ROOT = os.path.join(os.path.abspath...src = "{% static "imgs/feiji.jpg"%}">

91020
领券