使用react-bootstrap FormControl

时间:2017-10-12 14:45:21

标签: javascript reactjs axios react-bootstrap

我使用react-bootstrap在react应用程序中创建了一个表单,我在其中使用以下FormControl选择要上载的文件:

<FormGroup> <ControlLabel>Photos</ControlLabel> <FormControl name="images[]" type="file" multiple onChange={this.handlePhotos}/> </FormGroup>

我的handlePhotos功能是:

handlePhotos(event) {
    event.preventDefault();
    let files = event.target.files;

    if(files && files.length > 0)
    {
       this.setState({device_photos: files});
    }
    else
        console.log("no files selected");
    }
}

但是当我使用axios向后端发出请求时,照片参数似乎是空的。有人可以建议如何获取文件并将其设置为状态变量以通过发布请求上传吗?

0 个答案:

没有答案