2016-04-29 12 views
0

In meinen Ansichten Python zu zeigen, ist der Code meines index.html: , wie mein Bild in html durch

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

Aber der Index zeigt nicht das Bild. Das Bild wird in meiner Datei "static/images" gespeichert.

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

ich die URL bin sicher, korrekt des Bildes: Wenn ich das Element der Website zu überprüfen, wird die Adresse des Bildes wie gezeigt. Kann mir jemand sagen, warum das Bild nicht angezeigt wird?

+0

Was ist Ihr Web-Framework (django, Kolben, ...)? Hast du einen Webserver (nginx, apache ...) vor? – Cyrbil

+0

Können Sie das Bild in Ihrem Browser anzeigen? –

+0

Mein Framework ist Flasche, Server ist WSGIREF. @ Cyrbil – DataJ

Antwort

1

Die documentation zeigt, wie statische Datei dienen:
einfach eine Route für sie in der App erstellen und verwenden static_file() Funktion

from bottle import static_file 
@route('/static/<filepath:path>') 
def server_static(filepath): 
    return static_file(filepath, root='/path/to/your/static/files')