使用FORM表单上传文件夹

时间:2022-01-08 18:56:57

使用from表单上传文件夹

这个时候用上一个新的属性webkitdirectory,下面我贴出示例代码:

<form role="form" enctype="multipart/form-data" method="post">
<div class="form-group">
<label for="name">名称</label>
<input type="text" class="form-control" name="name" placeholder="请输入名称">
</div>
<div class="form-group">
<label for="inputfile">文件输入</label>
<input type="file" name="file[]" id="inputfile" multiple webkitdirectory />
</div>
<div class="checkbox">
<label>
<input type="checkbox">请打勾
</label>
</div>
<button type="submit" class="btn btn-default">提交</button>
</form>

这样就可以上传一整个文件夹的内容了,不过不是所有的浏览器都兼容该属性.