I get book cover image link from google book API. Google book provide 5 link of picture which Is smallThumbnail, thumbnail, small, medium, Large. I try to use small medium and Large pic neither of them work. But if I use small thumbnail and thumbnail it can appear properly. I view page source and found that image link has been change and can't lead to actual image. I log out link before sending into HTML link. It can lead to proper image.
Here is my link
This link is log out before send into HTML:
https://books.google.com/books/content?id=p1MULH7JsTQC&printsec=frontcover&img=1&zoom=3&edge=curl&imgtk=AFLRE71zcrUWMMnCjgmNHY3mYanur_MMa7OPr90zWitu9V4X0gYkEGl6p4MbetvQCrdutejfq1xGUdIafj_LFIbHGXRdDN_uxbhQgJxMSfbYYF48GVvepZgkiK-KKRs_xzu5C7BkIlvV&source=gbs_api
This link is appear on my HTML page
http://books.google.com/books/content?id=p1MULH7JsTQC&printsec=frontcover&img=1&zoom=3&edge=curl&imgtk=AFLRE71zcrUWMMnCjgmNHY3mYanur_MMa7OPr90zWitu9V4X0gYkEGl6p4MbetvQCrdutejfq1xGUdIafj_LFIbHGXRdDN_uxbhQgJxMSfbYYF48GVvepZgkiK-KKRs_xzu5C7BkIlvV&source=gbs_api
This is what appear on my page
Here is my HTML code
{% extends "layout.html" %}
{% block title %}
Search results: {{ keyword }}
{% endblock %}
{% block main %}
<img src="{{ book['mediumpic'] }}" alt="">
{% endblock %}
note: I store picture link into dict name book and key for picture link in "mediumpic"
Anyone can figure out what happen here? How can I solve this and mage image appear properlly