antd upload组件的多张上传,有时候只显示了一张?

如题详述:

借助antdupload组件,实现多张上传。

可是选择多张文件,onChange事件里打印的fileList有时候是正常的张数,有时候又只有一张。在onChange里也动态设置了fileList,并且更新到upload的属性上。

根据官网的提示onChange事件只调用了一次。也是这样做的,但依然无效果,不知如何解?

<Dropdown overlay={getMenu(onShowEditor, this.onUploadInvoice, fileList)}>
    <Button type='primary' className={styles.filter_btn}>
        {APPEND_RECORD_TITLE}
    </Button>
</Dropdown>
const getMenu = (handleMenuClick, onUploadInvoice, fileList) => (
    <Menu onClick={handleMenuClick}>
        {/* <Menu.Item key="1">{SCANNING_NVOICE_TITLE}</Menu.Item> */}
        <Menu.Item key="2" style={{padding: 0}}>
            <span className={styles.upload_invoice_item} style={{}} onClick={(e) => e.stopPropagation()}>
                <Upload
                    action={completeURL(INVOICE_OCR_URL)}
                    showUploadList={false}
                    onChange={onUploadInvoice}
                    name="invoiceFile"
                    headers= {{'Login_Token': localStorageUtil.get('TOKEN') || ''}}
                    multiple={true}
                    fileList={fileList}
                >
                    {UPLOAD_TITLE}
                </Upload>
            </span>
        </Menu.Item>
        <Menu.Item key="3">{IMPORT_TITLE}</Menu.Item>
        <Menu.Item key="4">{HANDLE_INPUT_TITLE}</Menu.Item>
    </Menu>
);
onUploadInvoice (info) {
    let {file, fileList} = info;
    console.log(info);
    this.setState({
        isUploading: true,
        fileList
    });
}
阅读 4.6k
1 个回答

showUploadList={false} 应该是ture吧?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题