AJAX+JSF組件實現高性能的文件上載(4)

public void decode(FacesContext context， UIComponent component) {

　UIFileUpload input = (UIFileUpload) component;

　//檢查是否這是一個上傳進度請求，或是一個實際的上傳請求.

　ExternalContext extContext = context.getExternalContext();

　Map parameterMap = extContext.getRequestParameterMap();

　String clientId = input.getClientId(context);

　Map requestMap = extContext.getRequestParameterMap();

　if(requestMap.get(clientId) == null){

return;//什么也不做，返回

　}

　if(parameterMap.containsKey(PROGRESS_REQUEST_PARAM_NAME)){

//這是一個在該文件請求中的得到進度信息的請求.

//得到該進度信息并把它生成為XML

HttpServletResponse response = 
(HttpServletResponse)context.getExternalContext().getResponse();

//設置響應的頭信息

response.setContentType("text/xml");

response.setHeader("Cache-Control"， "no-cache");

try {

　ResponseWriter writer = FacesUtils.setupResponseWriter(context);

　writer.startElement("progress"， input);

　writer.startElement("percentage"， input);

　//從會話中獲得當前進度百分數(由過濾器所設置).

　Double progressCount = (Double)extContext.getSessionMap().

　get("FileUpload.Progress." +input.getClientId(context)); 

　if(progressCount != null){

writer.writeText(progressCount， null);

　}else{

writer.writeText("1"， null);//我們還沒有收到上傳

　}

　writer.endElement("percentage");

　writer.startElement("clientId"， input);

　writer.writeText(input.getClientId(context)， null);

　writer.endElement("clientId");

　writer.endElement("progress");

} catch(Exception e){

　//做一些錯誤記錄...

}

}else{

　//正常的譯碼請求.

...

//正常的譯碼請求.

if(requestMap.get(clientId).toString().equals("file")){

try{

　HttpServletRequest request = (HttpServletRequest)extContext.getRequest();

　FileItem fileData = (FileItem)request.getAttribute(clientId);

　if(fileData != null) input.setSubmittedValue(fileData);

　//現在我們需要清除與該項相關的任何進度

　extContext.getSessionMap().put(
"FileUpload.Progress." + input.getClientId(context)，new Double(100));

}catch(Exception e){

　throw new RuntimeException("不能處理文件上傳" +" - 請配置過濾器."，e); 

}

}

function refreshProgress(){ 

　// 假定我們正在進入到階段2.

　document.getElementById('fileUpload1_stage1').style.display = 'none';

　document.getElementById('fileUpload1_stage2').style.display = '';

　document.getElementById('fileUpload1_stage3').style.display = 'none';

　//創建AJAX寄送

　AjaxRequest.post( 

　{

//指定正確的參數，以便

//該組件在服務器端被正確處理 

'parameters':{ 'uploadForm':'uploadForm'，

'fileUpload1':'fileUpload1'，

'jsf.component.UIFileUpload':'1'，

'ajax.abortPhase':'4' } //Abort at Phase 4.

//指定成功處理相應的回調方法.

，'onSuccess':function(req) { 

var xml = req.responseXML;

if( xml.getElementsByTagName('clientId').length == 0) { 

　setTimeout('refreshProgress()'，200); return;

} 

var clientId = xml.getElementsByTagName('clientId');

clientId = clientId[0].firstChild.nodeValue + '_progressBar';

//從XML獲取百分比

var percentage = 
xml.getElementsByTagName('percentage')[0].firstChild.nodeValue;

var innerSpans =
document.getElementById(clientId).getElementsByTagName('span');

document.getElementById(clientId + 'label').innerHTML
= Math.round(percentage) + '%';

//基于當前進度，設置這些span的式樣類。

for(var i=0;i＜innerSpans.length;i++){

　if(i ＜ percentage){

innerSpans[i].className = 'active';

　}else{

innerSpans[i].className = 'passive'; 

　}

}

//如果進度不是100，我們需要繼續查詢服務器以實現更新.

if(percentage != 100){ 

　setTimeout('refreshProgress()'，400);

} else { 

　//文件上傳已經完成，我們現在需要把該組件送入到第3個階段.

　document.getElementById('fileUpload1_stage1').style.display = 'none';

　document.getElementById('fileUpload1_stage2').style.display = 'none'; 

　document.getElementById('fileUpload1_stage3').style.display = '';

} 

　}

});

}

return builder.toString();