flask html 不能加载本地图片资源问题

最新推荐文章于 2025-02-24 16:48:55 发布

断桥残雪路

最新推荐文章于 2025-02-24 16:48:55 发布

阅读量6k

点赞数 22

文章标签： python html flask

本文链接：https://blog.youkuaiyun.com/qq_43452198/article/details/106900266

版权

本文详细介绍了在使用Flask框架时如何正确加载并显示本地html中的图片资源。通过设置app实例参数static_url_path为''，并在指定目录下创建static文件夹，html文件中引用图片时使用url_for函数，即可在启动服务器后成功展示图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用flask中遇到一个问题，就是加载本地的html，本地的图片就是无法显示报错

在网上找到很多方法，最后还是找到一种解决方案

app = Flask(__name__, static_url_path='')

文件夹目录，需要建立static的文件夹
在这里插入图片描述
html文件中引入图片的语句这样写

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

最后启动服务器，可以在界面中看到图片
主要参考知乎的博客，链接如下
https://zhuanlan.zhihu.com/p/33490670

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

断桥残雪路

关注关注

22
点赞
踩
18

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

flask中解决图片不显示的问题（很细微的点）

knighthood2001

07-01

1384

文件夹下是一种良好的组织和管理文件的方式，有助于提高项目的结构清晰性和可维护性，同时也是Flask框架推荐的最佳实践之一。我在编写flask项目的时候，在编写html的时候，发现不管我的图片路径如何变化，其就是显示不出来。如下图我框中的地方。发现好像得将这些文件放在static文件夹下。经过将图片放在static目录下，果然显示出来了。一旦运行这个flask项目，就无法显示了。我尝试过使用浏览器打开，是可以的。总体来说，将静态文件放置在。在Flask应用中，

Flash图片列表源文件.rar

07-10

4. **服务器环境测试**：由于Flash内容通常需要与服务器进行交互，例如加载图片数据，因此在本地直接运行HTML文件可能无法看到预期效果。为了确保正确运行，开发者需要将项目部署到服务器环境中进行测试。 5. **源...

1 条评论您还未登录，请先登录后发表或查看评论

盘点一个Flask实战图片加载失败的问题

pdcfighting的博客

02-08

1229

点击上方“Python爬虫与数据挖掘”，进行关注回复“书籍”即可获赠Python从入门到进阶共10本电子书今日鸡汤刻舟求剑，固而不通；胶柱鼓瑟，拘而不化。大家好，我是皮皮。一、前言前几天在Python最强王者交流群【小王子】问了一个Flask图片加载的问题。问题如下所示：html文件代码如下：运行效果：出不来图二、实现过程这里他自己已经确认路径是正确的，后来【吴超建】给了一个指导，建议使用相对路径...

关于DVWA的SQL注入

热门推荐

weixin_40929147的博客

11-06

2万+

做了一个网页，有注册和登录动能，想加入图片修饰一下，却只能在HTML下打开，不能用服务端打开（即127.0.0.什么什么那个地址）。原因是：如果从服务端访问页面，则只读取templates中的HTML文件，不能读取其中的图片。因此：解决办法如下：首先，将图片（123.jpg）从HTML同级文件夹templates中移出，新建一个static文件夹，用来保存静态变量（图片等）接下来，修改图...

Flask------在HTML中加载静态资源

成都_杨洋

07-23

2216

我们通过复制bootstrap的代码，是通过远程方式加载出来的，如果我们在放在本地资源中怎么加载呢。我们在static下面创建bootstarp文件，在该文件夹下再创建css文件和js文件还是通过cv大法复制css和js的内容，通过相对路径导入加载的本地资源其他的地方也是一样的方法，还有一种方法，使用url_for url_for指定文件夹地址，filena...

flask框架下，HTML无法加载背景图片

tester_2021的博客

07-02

230

解决方法：创建static文件夹，讲需要的css、图片等静态文件放在该文件夹中，再修改HTML文件中标签的url为“static/....”登录页面添加背景图片，新建了image文件夹，但是启动服务后，登录页面未加载背景图片和CSS效果。原因：启动web服务时会自动在static文件夹里寻找静态文件。

Flex实现本地图片加载与显示技术解析

在本例中，我们使用它来加载本地图片。在 ActionScript 3.0 中，有两种常用的图片显示方式：使用 Loader 加载外部文件，以及使用 BitmapData 类直接操作位图数据。 ### 使用 Loader 加载图片 Loader 类使用的是...

网页加载flash时的相对路径问题解决

07-21

在网页开发中，Flash内容有时会遇到加载外部资源（如图片、声音或其它SWF文件）的相对路径问题。这是因为Flash Player在解析相对路径时，是基于包含Flash内容的HTML页面的URL，而不是Flash文件本身的路径。这可能...

HTML5本地存储与按需加载：LOL官网优化策略

本地存储使得网页可以在离线状态下仍能提供部分功能，如缓存数据、用户设置等，而内容按需加载则是在用户交互过程中动态加载所需资源，避免一次性加载过多数据导致的加载时间过长。首先，HTML5本地存储利用Web ...

Python_Flask 静态加载样式图片 url_for(‘ ‘,filename=‘ ‘)

erfan_lang的博客

08-24

2461

目录代码展示代码 # -*- codeing = utf-8 -*- # @Time : 2021/8/23 14:09 # @Author : 二帆 # @File : app1.py # @Software : PyCharm from flask import Flask,render_template import settings app = Flask(__name__) app.config.from_object(settings) @app.route('/base') def l

解决在flask项目中，HTML网页的img无法显示本地图片的问题

asOneMaster的博客

07-08

3804

（我改成statics，错一个字母都失败，应该是flask默认配置）然后使用相对路径即可~（弄了半个小时气死）

flask接受上传图像用html显示

Major_S的博客

07-21

457

【代码】flask接受上传图像用html显示。

Pycharm Flask项目不能加载模板文件提示template files not found 怎么办？

小谷同学

02-23

4400

mark directory as templates folder 将目录标记为模板文件夹。在app.py的同级目录下建立一个templates文件夹，将html文件放在里面。2、选择Mark Directory as Template Folder。1、右键选中templates文件夹。3、设置成功等待5秒。

【Flask】Flask中关于url_for()的坑

七夜之家

04-05

4397

概述在Flask开发中总会遇到一些坑，下面是自己踩到的关于url_for()的坑，是在使用flask的单元测试时遇到的。坑 url_for()函数是用于构建指定函数的URL。 url_for操作对象是函数，而不是route里的路径。如果route和函数名不一样而导致使用url_for()错误，千万不要去route找错误。例如下面的代码： from

记一次Flask中JS引用图片的坑

qq_39559879的博客

06-01

981

课设写完后准备挂到网上，正好以前写过Flask的项目，所以直接把课设文件拖到项目的static和templates文件夹里了。刚开始万事大吉，因为JS里没有引用图片，后来JS里加了个在canvas上绘图的功能，引用图片就报404了。调了半天无果，怒删项目里课设相关的文件，新开个Flask项目测试。正文先来看项目结构: run.py │ └─app │ routes.py │ __init__.py │ ├─static │ └─js │

flask简单加载图片数据流

m0_53403128的博客

04-23

254

前端get获取图片只能展示一部分，response错误