Flask同一页面多个表单提交到同一地址如何区分请求来源

解决方案 #

你当前使用的通过submit按钮name属性判断表单来源的方案本身是合法可用的，之前失效大概率是多表单、文件上传场景下的参数解析兼容性问题，推荐使用隐藏固定参数的方案实现更稳定的表单区分，具体实现如下： #

1. 前端HTML调整

给每个表单新增一个隐藏的input标签，固定传递表单标识：

{% extends 'base.html' %}
{% block title %} 
Home page
{% endblock %}
{% block content %}
<div class="pt-5">
<form action="data" method="POST" enctype="multipart/form-data">
   <!-- 新增隐藏标识 -->
   <input type="hidden" name="form_tag" value="form1">
   <input type="file" name="file" accept=".csv, .xlsx, .xls" />
   <input type="submit" value="Submit"/>
</form>
</div>
<div class="pt-5">
   <form action="data" method="POST" enctype="multipart/form-data">
      <!-- 新增隐藏标识 -->
      <input type="hidden" name="form_tag" value="form2">
      <input type="file" name="file1" accept=".csv, .xlsx, .xls" />
      <input type="file" name="file2" accept=".csv, .xlsx, .xls" />
      <input type="submit" value="Merge"/>
   </form>
</div>
{% endblock %}

2. 后端路由判断逻辑

直接读取隐藏参数的值即可区分表单：

@app.route('/data', methods=['GET', 'POST'])
def data_handler():
    if request.method == "POST":
        form_tag = request.form.get('form_tag')
        if form_tag == "form1":
            # 单文件上传处理逻辑
            upload_file = request.files.get('file')
        elif form_tag == "form2":
            # 多文件合并处理逻辑
            file_a = request.files.get('file1')
            file_b = request.files.get('file2')
    # GET请求响应逻辑

原方案失效的常见排查方向

如果需要定位之前原方案失效的原因，可参考以下几点排查：

• 检查提交表单时是否未选择任何文件，multipart/form-data类型的空表单提交时可能丢失submit按钮参数
• 确认路由装饰器已配置methods=['GET', 'POST']，允许POST请求访问
• 升级Flask到最新稳定版，排除版本历史bug导致的表单参数解析异常

内容的提问来源于stack exchange，提问作者Mohammed Abdu