H5W3
当前位置:H5W3 > 问答 > 正文

请问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);
}
})
}

回答

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

请问React Ant design pro中使用upload组件如何限制只能上传一个文件?
你可以尝试把 multiple 属性,设置为 false

未经允许不得转载:H5W3 » 请问React Ant design pro中使用upload组件如何限制只能上传一个文件?

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址