antd中的upload组件如何正确实现customRequest

Question

现在有一个需求，我上传图片的同时需要带有用户身份的form表单项，如果按照upload组件默认的请求方式的话就没法上传除图片以外的其他元素，现在我重写customRequest：

customRequest = (detail) => {
    console.log(detail)
    uploadPicture && uploadPicture(detail.file).then((res) => {
        console.log(res.success)
    })
}

<Upload
    accept="image/*"
    listType="picture-card"
    fileList={fileList}
    action={`${api.uploadPicture}`}
    multiple={true}
    customRequest={this.customRequest}
    withCredentials={true}
    beforeUpload={this.beforeUpload}
    onChange={handleFileListChange}>
    。。。此处省略
                </Upload>

但如果按照上面这样写的话实际会出现一个问题就是图片的上传状态没有办法更新，不知道正确的customRequest应该怎么样写，能举出一个例子吗

Answer 1

要自定义一个customRequest非常复杂，建议允许的话把用户身份扔头里
customRequest-examples

Answer 2

很好，解决了我的问题