Flask 图片上传并作为响应显示回来

在本文中，我们将介绍如何使用Flask上传图片并将其作为响应显示回来的方法。Flask是一个简单而强大的Python web框架，可以帮助我们快速构建Web应用程序。

阅读更多：Flask 教程

1. 准备工作

首先，我们需要安装Flask。可以使用以下命令通过pip安装Flask:

pip install flask

接下来，我们需要创建一个Flask应用程序并设定一个路由规则来处理图片上传和显示。在你的工程文件夹中创建一个名为“app.py”的Python文件，并在文件中导入必要的Flask模块：

from flask import Flask, request, render_template, url_for

2. 图片上传

接下来，我们需要创建一个HTML表单来处理图片上传。在app.py中添加一个上传图片的路由规则和对应的函数：

@app.route('/upload', methods=['GET', 'POST'])
def upload():
    if request.method == 'POST':
        file = request.files['file']  # 获取上传的文件

        # 保存文件
        file.save('uploads/' + secure_filename(file.filename))

        return '上传成功！'
    return render_template('upload.html')

这里首先判断请求的方法是否为POST，如果是的话，我们通过request.files获取上传的文件，然后使用save()方法保存文件到指定路径。最后返回一个反馈信息。

3. 图片显示

为了将图片作为响应显示回来，我们需要添加一个新的路由规则和对应的函数。请在app.py中添加如下代码：

@app.route('/display')
def display():
    filename = 'uploads/example.jpg'  # 图片路径

    return render_template('display.html', filename=filename)

这里我们直接指定一个图片路径来模拟图片的显示，你可以根据实际情况修改路径。然后通过render_template()方法将图片路径传递到模板中。

同时，我们还需要创建一个display.html模板来实现图片的显示。在你的工程文件夹中创建一个名为templates的文件夹，并在文件夹中创建一个名为display.html的文件，添加以下代码：

<!doctype html>
<html>
<head>
    <title>显示图片</title>
</head>
<body>
    < img src="{{ url_for('static', filename=filename) }}" alt="图片未找到">
</body>
</html>