title: how to show my image in html through python
body: <p>In my views, the code of my index.html is:
      </p>
  
  <pre><code>    &lt;div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"&gt;
          &lt;strong&gt;&lt;h1&gt;FlowTow&lt;/h1&gt;&lt;/strong&gt;
          &lt;b&gt;&lt;h3&gt;POWERED BY BOOTSTRAP&lt;/h3&gt;&lt;/b&gt;
      &lt;/div&gt;
  
      &lt;div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"&gt;
          % for item in result:
          &lt;div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 image"&gt;
  
              &lt;p class="username"&gt;{{item['user']}}&lt;/p&gt;
              &lt;p class="dates"&gt;{{item['timestamp']}}&lt;/p&gt;
              &lt;div class="clearfix"&gt;&lt;/div&gt;
              &lt;img src="static/images/{{item['filename']}}" alt="{{item['filename']}}" class="img-responsive imagee"&gt;
  
              &lt;p class="likes"&gt;{{ item['likes'] }}Likes&lt;/p&gt;
  
              &lt;form action="/like" method="post" class="like_form"&gt;
                  &lt;input type="hidden" name="filename" value="{{item['filename']}}"&gt;
                  &lt;input type="submit" class="btn btn-success" value="Like"&gt;
              &lt;/form&gt;
              &lt;div class="clearfix"&gt;&lt;/div&gt;
          &lt;/div&gt;
          % end
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>But the index does not show the image. The image is stored in my file "static/images". When I check the element of the website, the address of the image is shown like:</p>
  
  <pre><code>&lt;img src="static/images/cycling.jpg" alt="cycling.jpg" class="img-responsive imagee"&gt;
  </code></pre>
  
  <p>I am sure the url of the image is correct. Can someone tell me why the image is not shown?</p>