天天看點

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:

我們需要先準備好2個apache的類:

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:

上一個部落格文章隻講了最簡單的入門,現在來開始慢慢加深。

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:
Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:
Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:

在這個上傳中,我們并沒有把uuid和檔案名聯系起來,這樣是不好的,必須用資料庫把uuid和其對應的檔案名存起來。以後下載下傳的時候還給用戶端一樣的名字,而不是給他uuid的名字。

其他的相對前面的都沒改動~

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:
Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:
Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:

進行了一個文字型的檔案上傳進度,沒辦法啊,現在還沒學AJax,做不了同步~~了解了解,後面會學到的。

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:
Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:

注意看檔案的儲存目錄!!!!(0-f)16進制的檔案名~

我做了三層~

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:
Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:

先移動這個圖檔到這個目錄:

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:

再看浏覽器的通路結果:

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:

無法通路到這個檔案!!!!!!

最後,我們自己來做個假的進度條看看:

其實隻是少了aJax技術而已。

點啟動按鈕,就是從0%啟動,運作到全部填充完畢(100%)就停止。

點停止按鈕,就停止在目前進度,點重新啟動,就是恢複啟動~從暫停的地方繼續~~

Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:
Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範:
Web---檔案上傳-用apache的工具處理、打散目錄、簡單檔案上傳進度先過渡一下:隻上傳一個file項上傳二個file項上傳檔案最終版:進度條前台技術示範: