Flask HTML img 显示本地图片失败,怎么破?

2023-07-0714:38:53后端程序开发Comments1,320 views字数 595阅读模式

问了一个Flask图片显示的问题,这里拿出来给大家分享下。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/50500.html

Flask HTML img 显示本地图片失败,怎么破?

运行之后图片加载不出来。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/50500.html

Flask HTML img 显示本地图片失败,怎么破?

【此类生物】给了一个思路,flask 运行当前路径是主程序路径,把图片路径改成绝对路径。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/50500.html

Flask HTML img 显示本地图片失败,怎么破?

结果页面还是加载不出来。后来以为是img标签的问题,但是排查后发现无误。后来【漫游感知】给了一个思路,如下所示:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/50500.html

Flask HTML img 显示本地图片失败,怎么破?

【Ineverleft】给补充道:<img> 是HTML中用于插入图像的标签。它具有以下属性:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/50500.html

  1. src属性:指定图像文件的URL,可以是相对路径或绝对路径。
  2. alt属性:指定图像无法显示时显示的替代文本。这对于视觉障碍用户和无法加载图像的浏览器很重要。
  3. width和height属性:可选属性,用于指定图像的宽度和高度。如果只指定其中一个属性,浏览器将根据比例自动调整另一个属性。
  4. title属性:可选属性,用于提供关于图像的额外信息,鼠标悬停在图像上时会显示。
  5. 使用例子:< img src="image.jpg" alt="描述性文本" width="300" height="200" title="图像标题">

请注意,为了使图像在页面上正确显示,必须提供正确的图像路径,并确保图像文件位于指定路径上并可访问。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/50500.html

【栖迟-3768】、【kim】也找到了问题的所在,顺利地解决了粉丝的问题。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/50500.html

Flask HTML img 显示本地图片失败,怎么破?

三、总结

大家好,我是皮皮。这篇文章主要盘点了一个Flask图片显示的问题,文中针对该问题,给出了具体的解析和代码实现,帮助粉丝顺利解决了问题。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/50500.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/bc/50500.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定