Flask продолжает загружать необязательную переменную в функцию

Question

Я пытаюсь загрузить изображение, основываясь на том, что пользователь выбирает в поле выбора.

html:

<div class='image-container' id='image'>
        <h3>Index: {{ photo_index }}</h3>
        <h3>Filename: {{ image }}</h3>
        <img src="{{ url_for('images.static', filename=image) }} " id="the-photo">
</div>
<div class='button-container' id='buttons'>
   <form action="" method="post">
       <input type="hidden" name="prev-next-buttons">
       <input type="submit" value="Show prev photo" name='prev_photo'>
       <input type="submit" value="Show next photo" name='next_photo'>
       <br/>
       <input type="submit" value="Show random photo" name='random_photo'>
       <button type='button' id='rotate-button' onclick="rotateMe('#the-photo')">Rotate Photo</button>
   </form>
   <h3>Choose image from list:</h3>
   <form method="post">
       <input type="hidden" name="photo-select">
       <select id="select-image" onfocus='this.size=5;' onblur='this.size=1' onchange="this.size=1;  this.blur(); this.form.submit()">
           {% for eimage in image_list %}
               <option {% if eimage == image %} selected {% endif %}
                href = "{{ url_for('main', chosen_image=eimage) }}"
                >
                   {{eimage}}
               </option>
           {% endfor %}
       </select>
   </form>
</div>

rout.py

CUR_PHOTO_INDEX = 0
images = os.listdir(IMAGE_FOLDER)
image_urls = create_urls(images)
image_urls.append('favicon.ico')
num_images = len(image_urls) - 1

@app.route("/", methods=["GET", "POST"])
def main(chosen_image="Penguins.jpg"):
    # if request.method == "POST":
    global CUR_PHOTO_INDEX
    if request.method == "POST":
        if 'prev-next-buttons' in request.form:
            CUR_PHOTO_INDEX = return_index(request.form, CUR_PHOTO_INDEX)
            # print("Showing index", CUR_PHOTO_INDEX)
        elif 'photo-select' in request.form:
            CUR_PHOTO_INDEX = image_urls.index(chosen_image)
            # print("\n", indx, "\n")
            print("\n", chosen_image, CUR_PHOTO_INDEX, "\n")
    return render_template('index.html',
                           title="Local Image Viewer",
                           photo_index=CUR_PHOTO_INDEX,
                           image=image_urls[CUR_PHOTO_INDEX],
                           image_list=image_urls)

Я ожидаю, что когда пользователь выберет опцию из списка, он отправит это имя изображения (строка eimage) на main(), а затем найдет этот индекс в image_urls.index(chosen_image).Но всякий раз, когда я выбираю опцию, она просто снова и снова печатает «Penguins.jpg» и его индекс.

Что я пропускаю, чтобы отправить выбранное имя изображения в функцию main()?

Answer 1

Это потому, что вы не определили параметр запроса в вашем маршруте.url_for вернет URL-адрес вашей конечной точки, и, поскольку он не может передать значение для chosen_image через этот URL-адрес, ваш метод всегда будет использовать значение по умолчанию.

Попробуйте что-то вроде

@app.route("/", methods=["GET", "POST"])
@app.route("/<chosen_image>", methods=["GET", "POST"])
def main(chosen_image="Penguins.jpg"):
    # the rest of your method

Answer 2

Как @F. Парето, часть проблемы была в том, что я не передавал параметр в app.route("/").

Вторая проблема заключалась в том, что я использовал глобальную переменную для отслеживания текущего индекса. Большое спасибо этому Вопросу / Ответу , я создал класс для отслеживания индекса и могу перебирать его.

HTML:

<div class='image-container' id='image'>
   <h3>Index: {{ photo_index }}</h3>
   <h3>Filename: {{ image }}</h3>
   <img src="{{ url_for('images.static', filename=image) }} " id="the-photo">
 </div>
 <div class='button-container' id='buttons'>
    <form action="" method="post">
        <input type="hidden" name="prev-next-buttons">
        <input type="submit" value="Show prev photo" name='prev-photo'>
        <input type="submit" value="Show next photo" name='next-photo'>
        <br/>
        <input type="submit" value="Show random photo" name='random-photo'>
        <button type='button' id='rotate-button' onclick="rotateMe('#the-photo')">Rotate Photo</button>
    </form>
    <h3>Choose image from list:</h3>
    <form method="post">
        <input type="hidden" name="photo-select">
        <select name="select-image" onfocus='this.size=5;' onblur='this.size=1' onchange="this.size=1;  this.blur(); this.form.submit()">
            {% for eimage in image_list %}
                <option 
                {% if eimage == image %} selected {% endif %}
                value = {{ eimage }}
                >
                    {{eimage}}
                </option>
            {% endfor %}
        </select>
    </form>
</div>

routes.py

images = os.listdir(IMAGE_FOLDER)
def create_urls(files):
    image_urls = []
    for file in files:
        if file.endswith(".jpg"):
            image_urls.append(file)
    return image_urls


image_urls = create_urls(images)
image_urls.append('favicon.ico')
# Subtract 2 below, so you don't include the
# favicon.ico
num_images = len(image_urls) - 2


class Photo_Index():
    def __init__(self, index=0):
        self.index = index

    def increase_number(self):
        if self.index == num_images:
            self.index = 0
        else:
            self.index = self.index + 1
        return self.index

    def decrease_number(self):
        if self.index == 0:
            self.index = num_images
        else:
            self.index = self.index - 1
        return self.index

    def random_number(self):
        self.index = random.randint(0, num_images)
        return self.index

    def set_number(self, number):
        self.index = number
        return self.index

photo_index_obj = Photo_Index()


def update_index(rqst):
    if 'prev-photo' in rqst.form:
        photo_index_obj.decrease_number()
    elif 'next-photo' in rqst.form:
        photo_index_obj.increase_number()
    elif 'random-photo' in rqst.form:
        photo_index_obj.random_number()


@app.route("/", methods=["GET", "POST"])
@app.route("/<chosen_image>", methods=["GET", "POST"])
def main(chosen_image=None):
    if request.method == "POST":
        if 'prev-next-buttons' in request.form:
            update_index(request)
        elif 'photo-select' in request.form:
            img = request.form.get("select-image")
            photo_index_obj.set_number(image_urls.index(str(img)))
        else:
            print("not a real POST")
    if request.method == "GET":
        if chosen_image is not None:
            photo_index_obj.set_number(image_urls.index(chosen_image))
    return render_template('index.html',
                           title="Local Image Viewer",
                           photo_index=photo_index_obj.index,
                           image=image_urls[photo_index_obj.index],
                           image_list=image_urls)