首页 > 解决方案 > 无法从 html 网站中的文件访问图像

问题描述

输出:浏览器截图

 <!-- Add icon library -->
<html>
 <body class="body">
 <center>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<div class="card">
  <img src="{{url_for('static', filename='file:/omkar.png')}}align="middle" />
  <h1>Omkar More</h1>
  <p class="title">Student DYPSOEA</p>
  <p>PUNE UNIVERSITY</p>
  <a href="#"><i class="fa fa-dribbble"></i></a>
  <a href="#"><i class="fa fa-twitter"></i></a>
  <a href="#"><i class="fa fa-linkedin"></i></a>
  <a href="#"><i class="fa fa-facebook"></i></a>
  <
</div>
   </center>
  </body>
</html>

上面的代码只给出了图像的符号而不显示它

标签: htmlcsspython-3.xwebfile-upload

解决方案


你之前缺少关闭"和空间align="middle"

见下面的html

<img src="{{url_for('static', filename='file:/omkar.png')}}" align="middle" />

推荐阅读