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);
　//從會話中獲得當前進度百分數(shù)(由過濾器所設置).
　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);
　//現(xiàn)在我們需要清除與該項相關的任何進度
　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';
　//創(chuàng)建AJAX寄送
　AjaxRequest.post(
　{
//指定正確的參數(shù)，以便
//該組件在服務器端被正確處理
'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，我們需要繼續(xù)查詢服務器以實現(xiàn)更新.
if(percentage != 100){
　setTimeout('refreshProgress()'，400);
} else {
　//文件上傳已經(jīng)完成，我們現(xiàn)在需要把該組件送入到第3個階段.
　document.getElementById('fileUpload1_stage1').style.display = 'none';
　document.getElementById('fileUpload1_stage2').style.display = 'none';
　document.getElementById('fileUpload1_stage3').style.display = '';
}
　}
});
}
return builder.toString();