Flask 在Flask中上传图片

在本文中，我们将介绍如何在Flask中上传图片。图片上传是Web应用程序中常见的功能之一，可以用于用户上传头像、商品图片等。

阅读更多：Flask 教程

1. 设置文件上传路径

在Flask中，我们首先需要定义一个文件上传的路径。可以在Flask的配置文件中进行设置，也可以直接在代码中进行设置。以下是在代码中设置上传路径的示例：

app.config['UPLOAD_FOLDER'] = '/path/to/upload/folder'

其中，'/path/to/upload/folder'是你想要保存上传文件的路径。

2. 创建上传表单

在HTML页面中，我们需要创建一个文件上传的表单，让用户可以选择要上传的图片文件。可以使用<input type="file">标签来实现。以下是一个简单的上传表单的示例：

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" value="上传">
</form>

在这个表单中，action属性指定了文件上传的处理URL，method属性指定了提交表单的HTTP方法，enctype属性指定了表单的编码类型。

3. 处理文件上传请求

在Flask中，我们可以使用request.files对象来处理文件上传请求。以下是一个处理文件上传的示例：

from flask import Flask, request

app = Flask(__name__)

@app.route('/upload', methods=['POST'])
def upload():
    file = request.files['file']
    if file:
        file.save(os.path.join(app.config['UPLOAD_FOLDER'], file.filename))
        return '文件上传成功！'
    else:
        return '文件上传失败！'

在这个示例中，request.files['file']可以获取到用户上传的文件。我们可以通过save()方法将文件保存到指定的路径。

4. 显示上传的图片

在Flask中，我们可以使用静态文件服务来显示上传的图片。首先需要在Flask的路由中添加一个静态文件的路由规则，然后在HTML页面中使用< img>标签来引用图片。以下是一个显示上传图片的示例：

from flask import Flask, send_from_directory

app = Flask(__name__)

@app.route('/uploads/<filename>')
def uploaded_file(filename):
    return send_from_directory(app.config['UPLOAD_FOLDER'], filename)

@app.route('/upload', methods=['POST'])
def upload():
    file = request.files['file']
    if file:
        file.save(os.path.join(app.config['UPLOAD_FOLDER'], file.filename))
        return f'文件上传成功！<br>< img src="/uploads/{file.filename}">'
    else:
        return '文件上传失败！'