我爱模板网 > 建站教程 > CSS3+HTML5 >  polyfill.js实现拖拽文件夹上传正文

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

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


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:text-fill-color详解 下一篇:vue-baidu-map使用个性化底图mapStyle出现加载失败解决办法
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢