js - 使用input标签实现上传文件夹和上传文件

 最近做了一个项目,需要实现上传文件夹和批量上传文件的功能,发现input标签是可以实现这两个功能的,但是上传文件夹功能还不能兼容全部的浏览器,目前只有谷歌浏览器和Microsoft Edge可以实现上传文件夹的功能,其他浏览器会直接变成上传文件。

 实现上传文件夹的功能只需要在input标签中加入 webkitdirectory='true'即可,而 multiple='true' 表示可以上传多个文件,注意,这里指定是上传多个文件,目前的文件夹暂时不支持同时上传多个。下面举个例子:

1、上传文件夹
<input
      ref="input"
      webkitdirectory
      type=

你可能感兴趣的:(js)