首页 > 建站教程 > CSS3+HTML5 >  polyfill.js实现拖拽文件夹上传正文

polyfill.js实现拖拽文件夹上传

实现上传文件夹,只要使用file上传框的webkitdirectory即可,见webkitdirectory 文件夹上传功能。要实现拖拽上传文件夹,百度了一圈,没有找到靠谱的,直到看到这个polyfill.js实现的效果,它利用了js的directory API以及drop监听,实现了对拖拽放下的文件夹里所有文件的遍历。
点击polyfill.js实现拖拽文件夹上传,查看案例。
注意:案例中并未实现上传,但是可以查看源代码,在第209行,已经得到了所有的文件,只要在这里上传这个file即可...