如何让element-ui 的el-upload组件能够上传文件夹?

能不能通过加入webkitdirectory把文件夹里的文件读取出来,如果可以的话,怎么加?在index.js文件里改还是怎么做?

阅读 17.6k
2 个回答

文件夹属于chrome支持吧。别的浏览器也不支持。

你可以获取一下dom,然后给他赋值。比如说nextTick的回调里面。

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

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