在 Django 模板文件中使用图片

Published on Aug. 22, 2023, 12:20 p.m.

要在 Django 模板文件中使用图片,需要使用 img 标签,并设置 src 属性为图片的 URL。如果图片文件存储在本地,可以使用 Django 的 static file 功能来获取图片的 URL。以下是一个简单的例子:

{% load static %}

<!-- 在模板文件中使用图片 -->
<img src="{% static 'images/example.jpg' %}" alt="Example Image">

上述例子中,我们使用 % static % 模板标签来获取图片的静态文件 URL。需要在模板中使用 % load static % 模板标签来加载 static 文件库,这样才能使用 static files 功能。% static 'images/example.jpg' % 表达式将返回图片名对应的静态文件 URL。

如果图片存储在远程服务器上,只需要将图片的 URL 赋值给 src 属性即可:

<!-- 在模板文件中使用远程图片 -->
<img src="https://www.example.com/images/example.jpg" alt="Example Image">

注意,在使用图片时应该为其指定一个 alt 属性。这可以提高网站的可访问性,有助于使用屏幕阅读器的人阅读页面的内容。

Tags: