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

于 2024-07-02 16:30:40 发布
阅读量249 收藏
点赞数 3
CC 4.0 BY-SA版权
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tester_2021/article/details/140130397

登录页面添加背景图片，新建了image文件夹，但是启动服务后，登录页面未加载背景图片和CSS效果。

原因：启动web服务时会自动在static文件夹里寻找静态文件。

解决方法：创建static文件夹，讲需要的css、图片等静态文件放在该文件夹中，再修改HTML文件中标签的url为“static/....”

tester_2021
关注
【Flask】在网页上显示图片（python）
静谧、淡雅
05-09 1万+
1图片如下 2代码 from flask import Flask, request, make_response from datetime import datetime import os app = Flask(__name__) IMG_PATH = "E:/data/" @app.route('/display/img/<string:filename>', methods=['GET']) def display_img(filena...
编写网页时遇到的小问题（flask+HTML）
蜡笔小晴
03-09 2166
编写网页时遇到的小问题
flask中解决图片不显示的问题（很细微的点）
knighthood2001
07-01 1515
文件夹下是一种良好的组织和管理文件的方式，有助于提高项目的结构清晰性和可维护性，同时也是Flask框架推荐的最佳实践之一。我在编写flask项目的时候，在编写html的时候，发现不管我的图片路径如何变化，其就是显示不出来。如下图我框中的地方。发现好像得将这些文件放在static文件夹下。经过将图片放在static目录下，果然显示出来了。一旦运行这个flask项目，就无法显示了。我尝试过使用浏览器打开，是可以的。总体来说，将静态文件放置在。在Flask应用中，
flask html 不能加载本地图片资源问题
qq_43452198的博客
06-22 6177
在使用flask中遇到一个问题，就是加载本地的html，本地的图片就是无法显示报错 在网上找到很多方法，最后还是找到一种解决方案 app = Flask(__name__, static_url_path='') 文件夹目录，需要建立static的文件夹 html文件中引入图片的语句这样写 <img src="{{ url_for('static', filename='logo.jpg')}}"> 最后启动服务器，可以在界面中看到图片 主要参考知乎的博客，链接如下 https://zhu
python3 flask开发 01
weixin_33595571的博客
01-22 239
# -*- coding: utf-8 -*- """ Created on Tue Jan 22 19:45:25 2019 QQ群：476842922(欢迎加群讨论学习) @author: Administrator """ from flask import Flask app = Flask(__name__) @app.route('/') def hello_world(): ...
如何解决flask+HTML无法显示本地图片的问题
热门推荐
weixin_40929147的博客
11-06 2万+
做了一个网页，有注册和登录动能，想加入图片修饰一下，却只能在HTML下打开，不能用服务端打开（即127.0.0.什么什么那个地址）。 原因是：如果从服务端访问页面，则只读取templates中的HTML文件，不能读取其中的图片。因此： 解决办法如下： 首先，将图片（123.jpg）从HTML同级文件夹templates中移出，新建一个static文件夹，用来保存静态变量（图片等） 接下来，修改图...
基于Python Flask框架的新闻网页项目源码
03-25
项目概述：基于Python Flask框架开发的新闻网页 本项目主要采用Python语言进行开发，辅以JavaScript、CSS和HTML技术，构建出一个功能完善的新闻网页。项目文件结构清晰，共计包含303个文件，具体文件类型分布如下：...
基于Flask框架的JavaScript驱动的web项目设计源码
最新发布
02-16
本项目正是基于这样的背景，采用Flask框架结合JavaScript技术构建了一个Web应用。 Flask是一个轻量级的Web应用框架，它以Python编写，遵循Werkzeug WSGI工具箱和Jinja2模板引擎。Flask被设计得非常灵活，可以很容易...
基于Flask框架的财经新闻网站设计源码
09-28
此外，网站的视觉效果还依赖于各类图形文件，如PNG图片和JPG图片，它们为网页提供了背景、图标、图表等视觉元素。字体文件的使用则为网站增添了个性化的设计，包括7个字体文件（ttf）和6个字体文件（woff），它们...
基于Flask框架的PMTT新闻网站设计源码
10-01
基于Flask框架的PMTT新闻网站设计源码是一个完整的新闻信息发布平台，采用Python编程语言中的Flask轻量级Web框架开发。该源码包的构成非常丰富，包含了大量的文件类型，这些文件共同组成了一个功能齐全的新闻网站。 ...
基于Flask框架的Python全栈BBS项目源代码
10-04
- **图片资源**: 包括30个PNG图片文件和9个JPG图片文件，这些资源文件用于网站的图标、背景、按钮等元素的视觉设计。 ### 项目架构设计 该项目采用了前后端分离的开发模式，这样的设计不仅提高了开发效率，还增强...
盘点一个Flask实战图片加载失败的问题
pdcfighting的博客
02-08 1265
点击上方“Python爬虫与数据挖掘”，进行关注回复“书籍”即可获赠Python从入门到进阶共10本电子书今日鸡汤刻舟求剑，固而不通；胶柱鼓瑟，拘而不化。大家好，我是皮皮。一、前言前几天在Python最强王者交流群【小王子】问了一个Flask图片加载的问题。问题如下所示：html文件代码如下：运行效果：出不来图二、实现过程这里他自己已经确认路径是正确的，后来【吴超建】给了一个指导，建议使用相对路径...
解决在flask项目中，HTML网页的img无法显示本地图片的问题
asOneMaster的博客
07-08 3876
（我改成statics，错一个字母都失败，应该是flask默认配置） 然后使用相对路径即可~（弄了半个小时气死）
【python问题】flask框架下，HTML无法加载背景图片
debimeng
10-06 8214
python的flask框架下，HTML无法加载CSS和背景图片的问题 场景： 因为webpy启动web服务器的时候会在当前工作目录下建一个static文件夹， 当web服务器启动的时候会自动在这个文件夹里寻找静态文件。 解决： 先在这个启动目录下新建一个static文件夹，然后把所有需要的css、图片等静态文件都放到这个文件夹里，再修改html文件中标签的url为"static/...."就...
flask框架中无法正常显示背景图
drawlessonsfrom的博客
05-14 2334
问题描述 在flask中使用img引入图片时，图片不进行相关的显示。 解决方案 在Flask的项目文件下新建static文件夹，然后将图片放在static文件夹下。 其相关的src属性具体赋值如下所示 img.src = "{{ url_for('static', filename = 'chessBoard.png') }}" 注意：chessBoard.png为背景图片名 ...
Flask加载图片、css等失败
trip4life的博客
03-22 2638
问题： 目录： ** 图片路径:（路径、名称正确，无法显示） 解决： py文件配置静态文件夹 成功显示
flask 显示图片
qq_34963461的博客
01-13 7720
如下则为图片所在目录： 则在前端显示写法为： src="../static/123.png" />
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值