2010-11-12 59 views
26

我一直在试图让Html 5文件上传工作。我似乎并没有“明白”。所以,不要告诉你我遇到的所有问题,我想知道是否有人已经在萌芽中刻意这样做,并愿意提供帮助。Html 5文件上传

很高兴有特点将是 1.文件上传进度 2.剩余时间 3.某种确认,一旦上传完成

回答

48

我有一篇博客文章,通过解释的整个过程进行的Html5文件上传,还有一个工作示例,那就是您可以上传文件并全部看到它的页面。

Html5 File Upload with Progress

+0

谢谢Shiv!我正在阅读博客。 Lot是有用的信息。 – 2010-11-12 06:35:05

+0

嘿Shiv,Html 5上传很棒的博客文章,也爱工作演示。你的表单看起来非常酷! – 2010-11-12 06:59:41

+1

如何上传大文件;此HTML5方法是否会导致浏览器超时? – 2011-05-24 23:00:48

1

上传大文件等于从CPU抢夺最大的资源,并把用户代理块的状态,所以我们需要避免这两个东西,对于我们要上传大文件的多个部分(块),所以我们必须切片文件,我们必须在后台上传。

HTML5引入了一些API,用于上传大文件的有用的API是webworkers和File API。 这两个文件在上传大文件的时候很有帮助,我们必须在客户端上传文件,使文件成为块,然后我们需要在后台上传以提高CPU的性能。

切断用文件API包含切片调用

var chunk=file.webkitSlice(start,stop)||file.mozSlice(start,stop); 

我们必须处理在后台使用Webworkers释放用户代理上传。

var worker=new worker('worker.js'); 
worker.postMessage(FileList); 
+0

您可以使用网络工作人员提交上传文件的代码吗? – 2015-08-27 11:53:23