2010-11-12 61 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