如何使用Flask展示特定文件中的所有图像？

Question

问候语。我是一个蟒蛇初学者，特别是在Flask方面。我想制作一个网页，让我可以根据一些关键词搜索图像，并在网页上返回两个相关的图像。

并且，假设关键字是“Steve jobs”，这些与“Steve jobs”相关的图像将被Google搜索废弃并存储在名为“Steve jobs”的文件中。

问题是我仍然无法显示文件中的图像并返回空白页面。另外，我在StackOverflow中尝试了一个解决方案，但它仍然无法解决。我感到非常困惑和沮丧，与使用Jupyter相比，很难使用Flask在网页上显示输出。提前致谢。

hello.朋友

@app.route("/about",methods=['GET', 'POST'])
def about():
    ...
    DIR = os.path.join(os.getcwd())
    DIR = os.path.join(DIR, query.split()[0])
    ...
    def show_index(): 
        for i,(img,Type) in enumerate(ActualImages[:2]):
            try:
                 req = urllib.request.Request(img, headers=header)
                 raw_img = urllib.request.urlopen(req).read()
                 cntr = len([i for i in os.listdir(DIR) if image_type in i]) + 1
                 print(cntr)

                 if len(Type)==0:
                     f = open(os.path.join(DIR,image_type + "_"+ str(cntr)+".jpg"),'wb')
                 else:
                      f = open(os.path.join(DIR,image_type + "_"+ str(cntr)+"."+Type),'wb')
                      f.write(raw_img)
                      f.close()

            except Exception as e:
                  print('>>> Could not load: '+img)
                  print(e)

        return f

    return render_template('about.html', f = f)

about.html

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
</head>
<body>
    <img src="{{f}}" alt="f">
</body>
</html>