时间戳

首页 > 解决方案 > 从多个表单中读取通过单个按钮提交的烧瓶中的多个文件

html - 从多个表单中读取通过单个按钮提交的烧瓶中的多个文件

问题描述

我创建了一个页面，它有多个表单和一个提交按钮，我用来提交所有文件的代码是：

<form action="" method="POST" id="form1" enctype="multipart/form-data">
                <input type="file" id="form1"/>

  <form action="" method="POST" id="form2" enctype="multipart/form-data">
                <input type="file" id="form2"/>

  <form action="" method="POST" id="form3" enctype="multipart/form-data">
                <input type="file" id="form3"/>

 <input type="button" value='Generate Report' onclick="submitForms()"/>

对于提交按钮： 

<script language="javascript" type="text/javascript">

function submitForms() {

$("#form1").submit();
$("#form2").submit();
$("#form3").submit();
 }

但是当我试图通过烧瓶读取文件时，我收到了这个错误：

werkzeug.exceptions.BadRequestKeyError：400 错误请求：浏览器（或代理）发送了此服务器无法理解的请求。

我的烧瓶代码：

@app.route("/upload/",methods=['GET','POST'])
def upload():
if request.method=='POST':
    f=request.files['form1']
    p=read.excel(f)
    return str(p.shape)
return render_template('upload.html')

标签： htmljqueryformsflask

解决方案

表单上的action=""属性告诉表单提交到哪里。

这应该指向您的路线。action="/upload"

推荐阅读