请问React Ant design pro中使用upload组件如何限制只能上传一个文件?

我用的是Beforeupload的方法,如果直接返回true或者false,文件上传不受影响,在网上找了解决方法,说是使用promise方法,但是这样点击文件上传后总是出现白屏,请问该如何解决呢?

const[upfileList,setUpfileList] = useState<[]>([])                         //上传文件的列表,只允许上传一个文件
const handleBeforeUpload=(file:any)=>{
    return new Promise((resolve,reject)=>{
      
      if(upfileList.length==0){
        setUpfileList(file)
        return resolve(true);
      }
      else{
        message.warn('仅支持上传一个文件!')
        return reject(false);
      }
    })
  }
阅读 4.3k
1 个回答

按照官方文档多图上传默认是 false

image.png
你可以尝试把 multiple 属性,设置为 false

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