Browser-based的文件上傳功能,是我們平時(shí)經(jīng)常會(huì )用到的,我們的解決辦法也就是加一個(gè)HTML <input type="file"> 這樣的標簽。但是我想大家一定都已經(jīng)感受到了,當您上傳的文件大小超過(guò)10MB的時(shí)候,就會(huì )經(jīng)常性的出現令我們非??鄲赖膯?wèn)題,那就是當后臺在進(jìn)行文件提交的過(guò)程中,很多比較急躁的用戶(hù)會(huì )認為服務(wù)器被掛起,那么他就會(huì )不停的重復提交文件,很明顯這樣做就令這件事情變得很糟糕。
為了使提交文件的過(guò)程中呈現出來(lái)的界面更加友好,大家也想出了很多解決辦法,但是總會(huì )覺(jué)得不盡人意,在本文中,我們將給您展現一種新的解決方法——運用AJAX-powered component。它是在上傳文件的時(shí)候實(shí)時(shí)監控文件上傳的進(jìn)度。下面4幅圖就展現了這種實(shí)現方式:

Figure 1. Stage 1: Selecting the file upload

Figure 2. Stage 2: Uploading the file to the server

Figure 3. Stage 3: Uploaded completed

Figure 4. File upload summary
http://today.java.net/pub/a/today/2006/02/09/file-uploads-with-ajax-and-jsf.html
聯(lián)系客服