所有Web程序猿都有过通过网页上传文件到服务器的经历,上传小文件是十分简单的。当你上传的文件大小逐渐变大的时候,就会遇到第一个问题:
1.PHP上传文件的大小是有限制的,默认是2M,即使你改大了,也是治标不治本。而且,当文件上升到GB级别的时候,就不单单只是PHP的问题了,你服务器的内存也会被吃光。
2.用传统的提交表单的方式上传大文件,进度显示不友好。
3.如果用户上传的文件,你服务器上本来就有,难道还让用户再传一遍?
为了解决以上的三个问题,分别有对应的方法:
1.当用户在浏览器里选择文件后,如果文件大小超出限制,立马将文件切片,分片上传。
2.利用flash或者html5来展示上传进度条。
3.上传前就在本地做HASH,通过和服务器的比对,确定该文件是否要上传。
其中,HTML5和Flash是二选一的,因为不同品牌,不同时代的浏览器的兼容性,通常会两者齐用。优先考虑Html5。
代码实现的过程中,有几个难点,一个是大文件的分片上传。这个是用JS来实现的。原来和我们平常所说的断点续传类似。就是每次传一部分,把长度或者开头和结尾一起传上去。另一个是文件的HASH验证,这个你就别指望用现成的代码了,因为Hash是很耗费资源的,试想一下,如果你要用JS把一个2G的文件Hash一遍,将用时多久?所以通常都是自己写算法验证的。思路是分段MD5验证,避免全文MD5。
下面开始提供解决方案:
百度前端团队开源了一款网页上传插件,名字叫Webuploader,完美解决了上述问题。开源链接