antd 组件库upload使用时onChange只会执行到 uploading状态解决办法

antd 组件库使用时onChange只会执行到 uploading状态解决办法
问题： 1.6.5版本 Upload控件onChange方法只会执行一次，且info.file.status一直为uploading，http请求正常，返回200。
降级为1.6.4之后正常使用，uploading之后info.file.status为done

这个方法在onChange时触发

  handleUploaderChange = (info) => {let fileList = [...info.fileList];fileList = fileList.slice(-2);// 2. Read from response and show file linkfileList = fileList.map(file => {if (file.response) {// Component will show file.url as linkfile.url = file.response.url;console.log(222,fileList)}return file;});this.setState({ fileList });console.log(999,fileList)};

如何使用

   <Uploadaccept="image/jpeg,image/jpg,image/png"action={上传路径}listType="picture"fileList={fileList}beforeUpload={beforeUpload}  // 用于判断文件格式onPreview={this.handlePreview}onChange={this.handleUploaderChange}  // 上传触发事件> <div className={`${styles.uploadFile}`}>点击上传</div>  </Upload>

官方文档 https://ant.design/components/upload/#components-upload-demo-fileList

antd 组件库upload使用时onChange只会执行到 uploading状态解决办法相关推荐

Antd-Upload组件设置fileList属性时onChnage只执行到“uploading“状态引发的一些问题的解决方案
需求:文件上传失败时不需要回显. 思路:添加fileList属性,绑定一个列表,上传成功的文件才加入列表中,代码如下: ... const [ displayFileList, setDisplayF ...
Antd组件库的使用
Antd组件库简介 Ant Design 是蚂蚁金服提供的 React UI 组件库,主要用于研发企业级中后台产品. Antd组件库在PC端React项目中为主流 pcd端 : antd app端 ...
umi 解决找不到antd组件库中组件的路径问题 filePath not found of antd/es/float-button
一.问题常见的报错: @import '~antd/es/style/themes/default.less'; 在安装的依赖中找不到此时正在使用的antd组件库中的悬浮按钮组件二.解决方式我们 ...
标题Ant Design of Vue 组件库中Modal“确认“按钮和“取消“按钮成英文状态
标题Ant Design of Vue 组件库中Modal"确认"按钮和"取消"按钮成英文状态因为是国际化的原因,造成确定按钮和取消按钮变成英文,需要设置 o ...
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
报错Unknown custom element: <组件名> - did you register the component correctly?的原因及解决办法问题原因解决(第 ...
在Windows 7下安装U871或U872，在检测组件窗口时，出现MDAC组没有安装的提示的解决办法...
在Windows 7下安装U871或U872,在检测组件窗口时,出现MDAC组没有安装的提示的解决办法在Windows 7下安装U871或U872,在检测组件窗口时,会出现MDAC组没有安装的提示, ...
[转载]微软雅黑体使用于WORD中，行距过大的解决办法！
原文地址:微软雅黑体使用于WORD中,行距过大的解决办法!作者:u2599 微软雅黑字体在简体中文word中编辑文档时行间距过大,相信有很多朋友都注意到了这个问题. 如何解决这个问题? 方法1:在段落 ...
前端学习-Antd 组件库基础
一.概述 Antd 组件较多,这里介绍一些常用的组件,更详细的说明可以参考官方文档:组件总览 - Ant Design,本文章为此基础上进行整理. 1.安装 yarn add antd 或者 npm ...
jacob TTS语音库异常ComFailException invoke of: Speak的产生原因，以及解决办法。
问题描述在本地开发调试语音库都没问题,一部署到机器上就出现下述异常. 这里要注意的是:jacob.jar和jacob.dll文件放置位置,jacob.dll放置C:/windows/System32 ...

antd 组件库upload使用时onChange只会执行到 uploading状态解决办法

antd 组件库upload使用时onChange只会执行到 uploading状态解决办法相关推荐

最新文章

热门文章

antd 组件库upload使用时onChange只会执行到 uploading状态 解决办法

antd 组件库upload使用时onChange只会执行到 uploading状态 解决办法相关推荐

最新文章

热门文章

antd 组件库upload使用时onChange只会执行到 uploading状态解决办法

antd 组件库upload使用时onChange只会执行到 uploading状态解决办法相关推荐