在区分上传文件夹和上传文件时,用webkitdirectory
做区分。但是区分后,调用的上传弹框不一样,有没有什么办法弹出一个上传框,让用户既可以选择上传单个文件,也可以选择上传文件夹?
在区分上传文件夹和上传文件时,用webkitdirectory
做区分。但是区分后,调用的上传弹框不一样,有没有什么办法弹出一个上传框,让用户既可以选择上传单个文件,也可以选择上传文件夹?
10 回答11.1k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
最近刚好做了这个,和你的需求差不多。我是这样实现的:我用的是vue + element-ui中的el-dropdown组件,代码如图

当点击上传按钮部分的时候,默认是“上传文件”,当鼠标悬停到右边的下拉菜单,可选择“上传文件”或“文件夹”,通过点击不同的菜单项,确定是否在input上添加webkitdirectory属性。如图
,实现了使用同一个上传弹框组件,让用户既可以选择上传单个文件,也可以选择上传文件夹
最终的效果图是这样的