flask入门教程(4) - 静态文件

最新推荐文章于 2024-02-08 09:00:21 发布

Ejasmine

最新推荐文章于 2024-02-08 09:00:21 发布

阅读量202

点赞数

分类专栏： flask入门教程文章标签： flask 教程

本文链接：https://blog.csdn.net/weixin_42183408/article/details/99887693

版权

22 篇文章 3 订阅

订阅专栏

既然有模板文件，那么图片什么的当然也不能少，这被称为静态文件。那么这些静态文件放哪呢，正如名字一样，应该放在static文件夹里，先给大家安利一张图片以作测试：
在这里插入图片描述
目前的目录结构：

- static 
  - test.jpg
- templates
  - index.html
app.py

按照正常思路，我们把index.html改成这样：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <img src="/static/test.jpg">
    </body>
</html>

然后你会在网页上得到一颗爱心：
在这里插入图片描述
虽然说这么写能得到这个图片，但这并不是flask的写法，flask的写法是：

<img src="{{ url_for('static', filename='test.jpg') }}">

使用url_for函数会自动生成地址，所以就不用你麻烦了：
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注