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

最新推荐文章于 2023-11-10 00:25:55 发布

asOneMaster

最新推荐文章于 2023-11-10 00:25:55 发布

阅读量3.4k

点赞数 7

分类专栏：前端文章标签： flask html5

本文链接：https://blog.csdn.net/weixin_43399411/article/details/125686155

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

要加图片，创建static文件夹在templates同级目录下，最好不要改名称！！！

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

 <img class="dtbj_pic" src="static/camra.jpg" alt="暂无图片" style="width: 300px; height: 300px; margin: 10px;"/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

asOneMaster

关注关注

7
点赞
踩
11

收藏

觉得还不错? 一键收藏
3
评论
解决在flask项目中，HTML网页的img无法显示本地图片的问题

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

扫一扫

专栏目录

python与html结合显示本地图片_显示图像通过flask / python从HTML连接到HTML

weixin_36212135的博客

01-12

1062

I'm tying to get an image attachment from couchdb using flask & python then pass the image to imgurl.html to be displayed.The problem is that I'm only get this:couchdb.http.ResponseBody object at ...

图片上传显示

10-17

在IT行业中，图片上传和显示是一项常见的功能，广泛应用于各种应用程序和网站，如社交媒体、博客、电子商务平台等。本项目标题“图片上传显示”暗示了我们正在讨论一个包含用户登录注册以及图片管理的系统。下面...

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

Python flask框架如何显示图像到web页面

09-16

主要介绍了Python flask框架如何显示图像到web页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

flask框架中无法正常显示背景图

drawlessonsfrom的博客

05-14

2194

问题描述在flask中使用img引入图片时，图片不进行相关的显示。解决方案在Flask的项目文件下新建static文件夹，然后将图片放在static文件夹下。其相关的src属性具体赋值如下所示 img.src = "{{ url_for('static', filename = 'chessBoard.png') }}" 注意：chessBoard.png为背景图片名 ...

img加载图片的三种方式

wangluoxiehui的专栏

12-23

7628

html img标签加载图片的三种常用方式

img标签引用本地图片问题

xdblv的博客

03-12

1万+

今天在学习img 标签时,发现按照src语法引用本地图片地址时,图片加载失败,代码如下: 在浏览器运行后,d盘下的这张图片无法显示网上查阅一番之后才知道,不同浏览器可能对引用路径的写法有不同要求,我用的火狐浏览器无法显示此种写法,但是用谷歌浏览器就可正常显示. 用火狐浏览器需要在路径前面加上 file:// ,如下: 即可正常显示. ...

jsp中img显示本地图片（IntelliJ IDEA）

qq_47729684的博客

03-31

2878

intellij-idea中解决img中如何显示本地图片的问题，解决方法配置虚拟路径映射

使用Flask爬数据，HTML渲染数据时，img标签有src的值，引用网络图标不显示的解决办法

qq_44723773的博客

01-19

366

复制渲染的图标链接在页面打开，是可以看到图片的，而放html却不能显示。img标签src引用网络图片的链接，页面不显示，返回403错误。

基于flask局域网通信

03-10

文件列表中的`README.md`可能包含了项目介绍和部署指南，`img_1.png`可能是一张展示应用工作原理或界面的图片，而`flask`目录可能是存放Flask项目的代码，`.idea`目录是IDE（如PyCharm）的项目配置文件，对理解和...

页面上传多张图片并显示，可删除可指定上传多张

06-02

在网页设计中，用户经常需要上传图片，例如在社交媒体、电子商务平台或个人博客等场景。本教程将深入探讨如何实现一个功能完善的图片上传系统，它允许用户上传多张图片并在页面上显示，同时提供删除和指定上传的功能...

flask-thumbnails：为flask框架创建一个缩略图的简单扩展

02-05

在项目中使用`flask-thumbnails-master`这个压缩包，你可能需要解压并查看源码，了解其内部工作原理，或者根据项目需求进行定制。这个压缩包可能包含了示例代码、配置文件以及文档，帮助你更好地理解和使用这个扩展...

js修改img的src属性显示变换图片到前端页面，img的src属性显示java后台读取返回的本地图片

sunzixiao的博客

08-07

4088

img的src属性是前端用来显示一张图片的来源，一般情况下src最常见是显示项目中resources\static问价夹下的图片，或者显示公网上的图片，如果想要在前端显示本地图片那要怎么处理呢？如果直接用本地图片的地址（例如src=“D:\Users\test.jpg”)前端是无法显示的。

img标签没有文字提示的问题

海将军

03-30

4537

img标签没有文字提示的问题

img中加载本地文件中的图片

热门推荐

weixin_40929147的博客

11-06

1万+

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

python加载图片无法显示原因探究/python内存回收机制作祟

bugtraq的博客

11-02

3035

究其原因，是因为python在运行结束后，会调用PhotoImage对象的__delete__()方法，然后程序中的img对象就被GC了，虽然加载完成，但当tkinter继续执行mainloop()方法时，img对象已经被GC，自然就显示不了了。可以看出，Label对象本来没有image属性的，使用_label.image = img方法将img对象添加为_label对象的一个属性，保持img对象的持续引用，防止被GC。但其中遇到一个问题，就是用tkinter加载图片时，明明图片已经加载上，却无法显示。

python将图片实时写在本地并在html上实时显示

03-28

要在Python中实时写入图像并在HTML上实时显示，可以使用OpenCV和Flask。下面是一个简单的示例代码： ```python import cv2 from flask import Flask, render_template, Response app = Flask(__name__) camera = cv2.VideoCapture(0) # 打开摄像头 @app.route('/') def index(): return render_template('index.html') # 返回HTML模板 def gen(): while True: success, frame = camera.read() # 读取摄像头帧 if not success: break ret, buffer = cv2.imencode('.jpg', frame) # 将帧编码为JPEG格式 frame = buffer.tobytes() # 转换为字节串 yield (b'--frame\r\n' b'Content-Type: image/jpeg\r\n\r\n' + frame + b'\r\n') # 返回MJPEG流 @app.route('/video_feed') def video_feed(): return Response(gen(), mimetype='multipart/x-mixed-replace; boundary=frame') # 返回MJPEG流的响应 if __name__ == '__main__': app.run(host='0.0.0.0', port=5000, debug=True) # 运行Flask应用程序 ``` 在此示例中，我们使用Flask创建一个Web应用程序，并使用OpenCV从摄像头读取帧。然后，我们将每个帧编码为JPEG格式，并将其作为MJPEG流发送到HTML模板中的img标签。最后，我们使用Flask的Response对象将MJPEG流作为响应发送回客户端。在HTML模板中，我们可以使用以下代码来显示视频流： ```html <!DOCTYPE html> <html> <head> <title>Video Streaming with Flask</title> </head> <body> <h1>Video Streaming with Flask</h1> <img src="{{ url_for('video_feed') }}" /> </body> </html> ``` 这将从Flask应用程序的/video_feed路由中获取MJPEG流，并将其作为img标签的src属性。当我们运行Python脚本并访问http://localhost:5000时，我们应该能够在HTML页面上实时看到摄像头的视频流。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交