本文介绍了如何在Vue中实现大文件和文件夹的上传，包括前端使用webkitdirectory属性选择文件夹，利用FormData对象和Ajax异步提交，以及对上传进度的处理。文章指出，Chrome浏览器支持文件夹上传，其他浏览器可能需要借助插件。同时，WebUploader是一个强大的文件上传组件，支持大文件分片上传、续传、预览压缩等功能，兼容多种浏览器和后端框架。
文件夹上传：从前端到后端
文件上传是 Web 开发肯定会碰到的问题，而文件夹上传则更加难缠。网上关于文件夹上传的资料多集中在前端，缺少对于后端的关注，然后讲某个后端框架文件上传的文章又不会涉及文件夹。今天研究了一下这个问题，在此记录。
先说两个问题：
是否所有后端框架都支持文件夹上传？
是否所有浏览器都支持文件夹上传？
第一个问题：YES，第二个问题：NO
只要后端框架对于表单的支持是完整的，那么必然支持文件夹上传。至于浏览器，截至目前，只有 Chrome 支持。
如果需要其它的浏览器支持则需要借助于插件，比如泽优大文件上传控件：www.webuploader.net
关于WebUploader的功能说明：
大文件上传续传
支持超大文件上传(100G+)和续传，可以关闭浏览器，重启系统后仍然继续上传。
开源
提供ASP.NET,JSP,PHP示例和源代码，其中JSP提供MySQL,Oracle,SQL Server数据库的配置和示例代码。
分片、并发
分片与并发结合，将一个大文件分割成多块，并发上传，极大地提高大文件的上传速度。
当网络问题导致传输错误时，只需要重传出错分片，而不是整个文件。另外分片传输能够更加实时的跟踪上传进度。
预览、压缩
支持常用图片格式jpg,jpeg,gif,bmp,png预览与压缩，节省网络数据传输。
解析jpeg中的meta信息，对于各种orientation做了正确的处
最低0.47元/天 解锁文章
1458
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
