如何使用其他字段react.js flask上传多个文件

问题描述 投票:0回答:1

我正在尝试使用react.js和python(flask)上传文件及其附加字段。用户可以上传多个文件。enter image description here

[为增加更多功能,我将名称和文件推送到数组中,并且该数组以如下所示的组件状态存储。

this.state = {
   files:[{name:'', file:''}]
}

并且我在flask中创建了一个rest api,用于上传文件和保存数据。并将this.state数据作为formData()传递。而且我正在尝试将烧瓶中的上传文件如下所示。

let formData = this.state; 
    const fd = new FormData(); 
    for(let k in formData){
        fd.append(k,formData[k]);
    };

Rest API-

@mod_upload.route('/upload',methods=['POST'])
def upload():
        if request.method == 'POST': 
                f = request.files['files']
                print(f) 

一切正常,但在上面的代码中,f始终为空,因为在formData()中我附加了this.state.files,它是一个数组,但它期望文件对象。

所以,我需要建议,如何访问request.files['files']中的文件和字段值。

请帮助我。谢谢

python reactjs flask multipartform-data form-data
1个回答
1
投票

尝试一下。附加表单数据时,请注意'files'键。让我知道它是否有效

let formData = this.state; 
    const fd = new FormData(); 
    for(let k in formData){
        fd.append('files',k,formData[k]);
    };
© www.soinside.com 2019 - 2024. All rights reserved.