关闭

PHP+JS+HTML5+Flash网页上传超大文件的解决方案

3694人阅读 评论(0) 收藏 举报
分类:

所有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,完美解决了上述问题。开源链接

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:56413次
    • 积分:387
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:6篇
    • 译文:0篇
    • 评论:7条
    文章分类
    最新评论