让element-ui 的el-upload组件能够上传文件夹_用vue + element-ui中的el-dropdown组件,实现上传文件或者文件夹

作者：Gausst松鼠会 | 2024-04-08 08:23:00

踩

用vue + element-ui中的el-dropdown组件,实现上传文件或者文件夹

用vue + element-ui中的el-dropdown组件，实现上传文件或者文件夹
在这里插入图片描述

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/384100