我们都知道input标签type="file"的时候,会打开一个文件选择器,但并不支持选择目录。

 

如果要支持选择目录,且必须只是目录的话,用下列的代码:

<input type='file' @change="triggerFile($event)" webkitdirectory>

 

change绑定了一个函数,函数的内容为:

triggerFile(event) {
      let file = event.target.files;
      console.log(file);
    },

这样就可以获得文件夹的名字了,之后可以进行下一步操作。

如果是想要上传文件,用iview等框架的upload即可,本文不再赘述。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐