前端,同一组件实现上传文件夹和上传文件两个功能?

在区分上传文件夹和上传文件时,用webkitdirectory做区分。513.png但是区分后,调用的上传弹框不一样,有没有什么办法弹出一个上传框,让用户既可以选择上传单个文件,也可以选择上传文件夹?

阅读 3.8k
1 个回答

最近刚好做了这个,和你的需求差不多。我是这样实现的:我用的是vue + element-ui中的el-dropdown组件,代码如图image.png
image.png
最终的效果图是这样的image.png当点击上传按钮部分的时候,默认是“上传文件”,当鼠标悬停到右边的下拉菜单,可选择“上传文件”或“文件夹”,通过点击不同的菜单项,确定是否在input上添加webkitdirectory属性。如图
image.png,实现了使用同一个上传弹框组件,让用户既可以选择上传单个文件,也可以选择上传文件夹

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