how to add an image to webapp using Python flask

Question

I need to develop a web app using python flask and I need to add an image to the view page. But I couldn't get it.please help me out of it.

Answer 1

In the example below the image is stored in an SQLite database. From there you can do something like:

@app.route('/show')
def show_pic():
    filename = request.args.get('filename','')
    t = (filename,)
    cur = g.db.execute('select label from pics where filename=?', t)
    label = cur.fetchone()[0]

    return render_template('upload.html', filename=filename, label=label)

And then in your template:

{% macro pic_path(pic) %}
    {{ url_for('return_pic', filename='%s' % pic) }}
{% endmacro %}

{% block content %}
    {% if filename is defined %}
        <div id="image">
            <a href="{{ pic_path(filename) }}" target="_blank">
                <img class="new" src="{{ pic_path(filename) }}">
            </a>
        </div>
    {% else %}
        <ul>
        {% for pic in pics %}
            <li class="thumb">
                <a href="{{ url_for('show_pic', filename=pic.filename) }}">
                    <img class="thumb" src="{{ pic_path('thumb_'+pic.filename) }}">
                </a>
                <strong>{{ pic.label }}</strong>
            </li>
        {% endfor %}
        </ul>
    {% endif %}
{% endblock %}