Java web實時進度條整個系統共用(如java上傳、下載進度條、導入、導出excel進度條等)


先上圖:

文件上傳的:

2017-05-04再次改進。在上傳過程中用戶可以按 Esc 來取消上傳(取消當前上傳,或者是全部上傳)...

2019-03-26更新進度條顯示體驗

 

從服務器上壓縮下載:

 

 

從excel文件導入數據:

 

從數據庫導出excel:

2019-03-26更新進度條顯示體驗

 

 

批量發送短信及其它的批量數據處量:

 

1:先說說什么是進度條:進度條即計算機在處理任務時,實時的,以圖片形式顯示處理任務的速度,完成度,剩余未完成任務量的大小,和可能需要處理時間,顯示方式可以多種,常見的是:長方形條狀顯示。

2:為什么要用進度條?就是要讓客戶直觀的看到處理詳情。

3:進度條的優缺點。優點:用戶體念更好 缺點:由於實現方式的不同可能加大服務器的負擔

4:我們在實際應用中用了內存數據庫實現消息的隊列。兼容了單機模式,不同Server下的集群模式。在集群模式下看一下客戶機操作的日志(生產模工下不建議將處理進度信息放入日志):

在集群中請求任務是誰誰搶到誰跑。。。以前在單機模式下是用的 session 集群中就出現了很多問題,詳見:

http://www.cnblogs.com/interdrp/p/5670854.html

文件拖拽上傳

拖拽過程詳解:

1:文件未拖出文件選擇框的時候提示:將要上傳的文件或文件夾拖拽至此區域

2:文件拖出文件選擇框但未拖入上傳的文件框提示:請繼續拖拽文件或文件夾至此區域

3:文件拖出文件選擇框且已拖入上傳的文件框提示:文件已拖拽到上傳區域內請釋放鼠標

先看一下QQ郵箱的(至少比國內好多網站作得好了):

如果用戶在上面的區域釋放鼠標文件可以成功上傳

但如果用戶在下面區域雖然也提示了釋放鼠標但文件不能成功上傳....

 

 我們來看看某寶的(直接不支持拖拽,人家就是牛)....

 

我們再來看看百度的(直接沒有任何提示)...

 

 

這是我們的:

2017-06-27更新不同狀態的背景提示:

 

請繼續拖拽文件或文件夾至此區域

 

2017-11-05 改進效果:

2020-03-03 更新上傳文件界面:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM