webkitdirectory属性实现文件夹上传

最新推荐文章于 2024-07-05 18:28:09 发布

编程哲学家

最新推荐文章于 2024-07-05 18:28:09 发布

阅读量3.5k

点赞数

分类专栏： js 前端

本文链接：https://blog.csdn.net/qq_37003559/article/details/103970901

版权

本文介绍了如何利用HTML5的webkitdirectory属性实现浏览器中选择并上传整个文件夹的功能。通过结合JavaScript处理上传事件，可以轻松地将文件夹内容批量上传到服务器。

摘要由CSDN通过智能技术生成

html ：


<form class="form-horizontal" role="form" id="fileUploadForm" action="/sys/uploadFolder" name="fileUploadForm" method="post" enctype="multipart/form-data">
			  <div class="form-group">
			    <input id="fileFolder" name="fileFolder" type="file" webkitdirectory><span id="msg" style="color:#F00"></span>
			  </div>
	<button type="button" class="btn btn-primary" id="subButton" οnclick="commit()">Submit</button>
</form>

js：

//页面提示信息
var    msg;
//文件数量限制
var filesCount=2000;
//文件夹大小限制 2000M
var filesSize=2147483648;
//实际的文件数量
var actual_filesCount=0;
//实际的文件夹大小
var actual_filesSize=0;
 
function commit()