python flask display image on a html page [duplicate]

by

I have created people_photo in static folder and placed an image named shovon.jpg. From the application.py I passed the image as variable to template and showed it using img tag in the template.

In application.py:

from flask import Flask, render_template
import os

PEOPLE_FOLDER = os.path.join('static', 'people_photo')

app = Flask(__name__)
app.config['UPLOAD_FOLDER'] = PEOPLE_FOLDER

@app.route("https://stackoverflow.com/")
@app.route('/index')
def show_index():
    full_filename = os.path.join(app.config['UPLOAD_FOLDER'], 'shovon.jpg')
    return render_template("index.html", user_image = full_filename)

In index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
</head>
<body>
    <img src="https://stackoverflow.com/questions/46785507/{{ user_image }}" alt="User Image">
</body>
</html>

Output:

enter image description here

More Related Contents:

  1. Sending data from HTML form to a Python script in Flask
  2. Post values from an HTML form and access them in a Flask view
  3. Application not picking up .css file (flask/python) [duplicate]
  4. Display a ‘loading’ message while a time consuming function is executed in Flask
  5. Passing a matplotlib figure to HTML (flask)
  6. Multiple parameters in Flask approute
  7. How to render by Vue instead of Jinja
  8. Getting value from select tag using flask
  9. How to generate an html directory list using Python
  10. Flask css not updating [closed]
  11. Converting matplotlib png to base64 for viewing in html template
  12. How to pass a variable between Flask pages?
  13. How can I add a background thread to flask?
  14. What’s the easiest way to escape HTML in Python?
  15. Pandas to_html() truncates string contents
  16. How to get text of an element in Selenium WebDriver, without including child element text?
  17. How can I get href links from HTML using Python?
  18. How can I make sure if some HTML elements are loaded for Selenium + Python?
  19. Python Flask Intentional Empty Response
  20. Does anybody know how to identify shadow dom web elements using selenium webdriver?
  21. Display image stored as binary blob in template
  22. Scrape multiple pages with BeautifulSoup and Python
  23. Import could not be resolved/could not be resolved from source Pylance in VS Code using Python 3.9.2 on Windows 10
  24. Is a SQLAlchemy query vulnerable to injection attacks?
  25. When scattering Flask Models, RuntimeError: ‘application not registered on db’ was raised
  26. How to Download a File after POSTing data using FastAPI?
  27. How to send zip files in the python Flask framework?
  28. Posting html form values to python script
  29. Flask-SQLAlchemy Constructor
  30. Using Find_All function returns an unexpected result set

Leave a Comment