search

alibaba-fusion / next

🦍 A configurable component library for web built on React.
https://fusion.design
MIT License
4.59k stars 592 forks source link

[Upload]Upload组件beforeUpload中reject了，列表中显示了失败的项，不太符合正常逻辑 #3586

Open zhangguimei opened 3 years ago

zhangguimei commented 3 years ago

Component

Upload

Reproduction link

[https://fusion.design/pc/component/upload?themeid=1#maxsize-container 官网项目示例就是这样](https://fusion.design/pc/component/upload?themeid=1#maxsize-container 官网项目示例就是这样)

Steps to reproduce

Upload组件beforeUpload中reject了，列表中显示了失败的项，不太符合正常逻辑 期望：正常理解的在beforeUpload中都已经不成功了，为什么还要再展示，让用户再删掉，让整个过程边长。

image

zhangguimei commented 2 years ago

@bindoon 请问这个问题有修复计划吗，大概什么时候可以使用

YSMJ1994 commented 9 months ago

这个行为的交互设计就是这样的，用户上传的文件展示在列表区域，并通过颜色标明其状态，让用户自己处理有错误的文件。 比如多文件上传的场景，一部分文件成功了，一部分失败了，如果自动移除了失败了的文件，那就需要用户人工对比哪些文件失败了，这样就变得不友好了。

dreammaker7 commented 6 months ago

考虑多文件的交互是否友好没问题，但是不应该以放弃单文件交互为代价吧？单文件上传的时候状态 reject 了，文件还是会进入上传列表占位，需要用户主动去删除失败文件完全是多余的一步，而且影响用户的表单校验，建议作为可选的配置项，比如 ant design Upload 使用 return Upload.LIST_IGNORE 占位交互，以上。

dreammaker7 commented 6 months ago

image 目前可以通过受控方式控制异常文件不进入文件列表。