Отображение изображений, которые я загружаю с помощью flask

#python #flask

#python #flask

Вопрос:

Я пытаюсь выучить flask

И я работаю над загрузкой изображений с помощью flask

мой код:-

 #main.py

import os
from app import app
import urllib.request
from flask import Flask, flash, request, redirect, url_for, render_template
from werkzeug.utils import secure_filename

ALLOWED_EXTENSIONS = set(['png', 'jpg', 'jpeg', 'gif'])

def allowed_file(filename):
    return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
    
@app.route('/')
def upload_form():
    return render_template('upload.html')

@app.route('/', methods=['POST'])
def upload_image():
    if 'files[]' not in request.files:
        flash('No file part')
        return redirect(request.url)
    files = request.files.getlist('files[]')
    file_names = []
    for file in files:
        if file and allowed_file(file.filename):
            filename = secure_filename(file.filename)
            file_names.append(filename)
            file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
        #else:
        #   flash('Allowed image types are -> png, jpg, jpeg, gif')
        #   return redirect(request.url)

    return render_template('upload.html', filenames=file_names)

@app.route('/display/<filename>')
def display_image(filename):
    #print('display_image filename: '   filename)
    return redirect(url_for('static', filename='uploads/'   filename), code=301)

if __name__ == "__main__":
    app.run()
  

upload.html :-

 <!doctype html>
<title>Python Flask Upload Multiple Images and Display them</title>
<h2>Select multiple images to upload and display</h2>
<p>
    {% with messages = get_flashed_messages() %}
      {% if messages %}
        <ul class=flashes>
        {% for message in messages %}
          <li>{{ message }}</li>
        {% endfor %}
        </ul>
      {% endif %}
    {% endwith %}
</p>

<form method="post" action="/" enctype="multipart/form-data">
    <dl>
        <p>
            <input type="file" name="files[]" multiple="true" autocomplete="off" required>
        </p>
    </dl>
    <p>
        <input type="submit" value="Submit">
    </p>
</form>

{% if filenames %}
    {% for filename in filenames %}
        <div>
            <img src="{{ url_for('display_image', filename=filename) }}">
        </div>
    {% endfor %}
{% endif %}
  

Проблема в том, что

Когда я загружаю изображение в первый раз, оно отображается, а когда я загружаю любое другое изображение,

предыдущий исчезает

Я хочу, чтобы он отображал все изображения, которые сохранены в разделе «статические / загружаемые».

Комментарии:

1. Вам нужно либо сохранить список имен файлов, например, в базе данных, либо прочитать все файлы из каталога, в котором они сохранены.

2. Какой из них лучше и безопаснее?

3. Ну, когда вы читаете файлы из каталога и показываете их на веб-странице, вы должны убедиться, что никто не сможет проникнуть в другие изображения / файлы в этот каталог. Кроме этого, я не вижу разницы с точки зрения безопасности. Используйте способ, который кажется вам более простым для реализации. Если у вас очень много файлов, подход с чтением файлов из одного каталога может оказаться неудачным.

4. Хорошо, тогда я попробую прочитать все файлы из каталога