2016-04-29 1 views
0

В моих взглядах, код моего index.html является: как показать мое изображение в HTML с помощью питона

<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> 
     <strong><h1>FlowTow</h1></strong> 
     <b><h3>POWERED BY BOOTSTRAP</h3></b> 
    </div> 

    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> 
     % for item in result: 
     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 image"> 

      <p class="username">{{item['user']}}</p> 
      <p class="dates">{{item['timestamp']}}</p> 
      <div class="clearfix"></div> 
      <img src="static/images/{{item['filename']}}" alt="{{item['filename']}}" class="img-responsive imagee"> 

      <p class="likes">{{ item['likes'] }}Likes</p> 

      <form action="/like" method="post" class="like_form"> 
       <input type="hidden" name="filename" value="{{item['filename']}}"> 
       <input type="submit" class="btn btn-success" value="Like"> 
      </form> 
      <div class="clearfix"></div> 
     </div> 
     % end 

    </div> 

</div> 

Но индекс не показывает изображение. Изображение сохраняется в моем файле «static/images». Когда я проверяю элемент веб-сайта, адрес изображения показан как:

<img src="static/images/cycling.jpg" alt="cycling.jpg" class="img-responsive imagee"> 

Я уверен, что URL изображения является правильным. Может ли кто-нибудь сказать мне, почему изображение не отображается?

+0

Какова ваша веб-фреймворк (Джанго, колба, ...)? У вас есть веб-сервер (nginx, apache ...) впереди? – Cyrbil

+0

Можете ли вы просмотреть изображение в своем браузере? –

+0

Мои рамки - бутылка, сервер WSGIREF. @Cyrbil – DataJ

ответ

1

documentation показывает, как обслуживать статический файл:
Просто создать маршрут для этого в вашем приложении и использовать static_file() функцию

from bottle import static_file 
@route('/static/<filepath:path>') 
def server_static(filepath): 
    return static_file(filepath, root='/path/to/your/static/files') 
Смежные вопросы