我之前也踩过这个坑！当表单设置了enctype=multipart/form-data时，很多刚接触Flask的开发者会误以为文本参数无法通过request.form获取，但其实并非如此——只要处理方式正确，文本字段和文件都能正常获取。

问题原因 #

当表单使用multipart/form-data编码时，浏览器会把表单数据拆分成多个部分（文本字段一个部分，上传文件一个部分）传输，但Flask的request对象依然会把文本部分解析到request.form中，文件部分解析到request.files中。你遇到的问题大概率是获取方式的小疏漏，或者没有做必要的异常处理。

正确的后端处理代码 #

以下是针对你前端表单的完整后端示例，确保能同时拿到文本查询参数和上传的CSV文件：

from flask import Flask, request
import os

app = Flask(__name__)
# 确保uploads目录存在
os.makedirs('./uploads', exist_ok=True)

@app.route('/submitted', methods=['POST'])
def handle_submission():
    # 安全获取文本查询参数：用get方法避免字段不存在时抛出KeyError
    user_query = request.form.get('query')
    if not user_query:
        return "查询参数不能为空", 400
    
    # 获取上传的CSV文件
    uploaded_file = request.files.get('file')
    if uploaded_file and uploaded_file.filename.endswith('.csv'):
        # 保存文件到本地
        file_path = os.path.join('./uploads', uploaded_file.filename)
        uploaded_file.save(file_path)
        return f"查询内容：{user_query}，CSV文件已成功保存到 {file_path}"
    else:
        return f"查询内容：{user_query}，未上传有效的CSV文件"

排查要点 #

如果还是无法获取query参数，可以按以下步骤排查：

• 检查前端表单的文本输入框是否正确设置了name="query"（你的代码里是正确的，这一步可以快速确认）
• 在后端打印request.form的内容，比如添加print("表单文本参数：", request.form)，查看输出里是否包含'query'键
• 确认JavaScript的onsubmit函数没有阻止文本字段的正常提交（你的showDiv('loading')只是显示加载提示，不会影响提交）

额外提示 #

推荐使用request.form.get('字段名')而不是直接request.form['字段名']，因为前者在字段不存在时会返回None，不会抛出异常，让你的代码更健壮。

内容的提问来源于stack exchange，提问作者Carlos G. Oliver