не удается получить доступ к изображению из файла на веб-сайте html - PullRequest
Новая
       6

не удается получить доступ к изображению из файла на веб-сайте html

0 голосов
/ 18 апреля 2020

вывод: снимок экрана браузера 

 <!-- 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>

Приведенный выше код дает только символ изображения, а не показывает его

Ответы [ 3 ]

0 голосов
/ 18 апреля 2020

Проверьте это:

, и у вас неправильный синтаксис тега img, вот правильный. 

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


<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="http://placekitten.com/301/301" 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>
0 голосов
/ 18 апреля 2020

вам не хватает закрытия " и пробела перед align="middle"

см. Ниже html

<img src="{{url_for('static', filename='file:/omkar.png')}}" align="middle" />
0 голосов
/ 18 апреля 2020

попробуйте закрыть атрибут img sr c.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...