AJAX+JSF组件实现高性能的文件上载(2)-创新互联-成都快上网建站

AJAX+JSF组件实现高性能的文件上载(2)-创新互联

AJAX+JSF组件实现高性能的文件上载(2)

[@more@]三) ProgressMonitorFileItemFactory类

public class ProgressMonitorFileItemFactory extends DiskFileItemFactory {
 private File temporaryDirectory;
 private HttpServletRequest requestRef;
 private long requestLength;
 public ProgressMonitorFileItemFactory(HttpServletRequest request) {
super();
temporaryDirectory = (File)request.getSession().

成都创新互联公司是一家专业提供新安企业网站建设,专注与做网站、网站建设html5、小程序制作等业务。10年已为新安众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

getServletContext().getAttribute("javax.servlet.context.tempdir");
requestRef = request;
String contentLength = request.getHeader("content-length");
if(contentLength != null){requestLength

= Long.parseLong(contentLength.trim());}
 }
 public FileItem createItem(String fieldName,

String contentType,boolean isFormField, String fileName) {
SessionUpdatingProgressObserver observer = null;
if(isFormField == false) //这必须是一文件上传.
 observer = new SessionUpdatingProgressObserver(fieldName,fileName);
 ProgressMonitorFileItem item = new ProgressMonitorFileItem(
 fieldName,contentType,isFormField,
 fileName,2048,temporaryDirectory,
 observer,requestLength);
return item;
 }
 ...
 public class SessionUpdatingProgressObserver implements ProgressObserver {
private String fieldName;
private String fileName;
...
public void setProgress(double progress) {
 if(request != null){
request.getSession().setAttribute(

"FileUpload.Progress."+fieldName,progress);
request.getSession().setAttribute(

"FileUpload.FileName."+fieldName,fileName);
 }
}
 }
}

ProgressMonitorFileItemFactory Content-Length头由浏览器设置并且假定它是被设置的上传文件的精确长度。这种确定文件长度的方法确实限制了你在每次请求中上传的文件-如果有多个文件在该请求中被编码的话,不过这个值是不精确的。这是由于,浏览器仅仅发送一个Content-Length头,而不考虑上传的文件数目。

除了创建ProgressMonitorFileItem实例之外,ProgressMonitorFileItemFactory还注册了一个ProgressObserver实例,它将由ProgressMonitorFileItem来发送文件上传过程中的更新。我们所使用的ProgressObserver的实现(SessionUpdatingProgressObserver)针对被提交字段的id把进度百分数设置到用户的会话中。然后,这个值可以由JSF组件存取以便把更新发送给用户。

(四) ProgressMonitorFileItem类

public class ProgressMonitorFileItem extends DiskFileItem {
 private ProgressObserver observer;
 private long passedInFileSize;
 ...
 private boolean isFormField;
 ...
 @Override
 public OutputStream getOutputStream() throws IOException {
OutputStream baseOutputStream = super.getOutputStream();
if(isFormField == false){
 return new BytesCountingOutputStream(baseOutputStream);
}else{return baseOutputStream;}
 }
 ...
 private class BytesCountingOutputStream extends OutputStream{
private long previousProgressUpdate;
private OutputStream base;
public BytesCountingOutputStream(OutputStream ous){ base = ous; }
...
private void fireProgressEvent(int b){
 bytesRead += b;
 ...
 double progress = (((double)(bytesRead)) / passedInFileSize);
 progress *= 100.0
 observer.setProgress();
}
 }
}

ProgressMonitorFileItem把DiskFileItem的缺省OutputStream包装到一个BytesCountingOutputStream中,这可以在每次读取一定数目的字节后更新相关的ProgressObserver。

(五) 支持AJAX的JavaServer Faces(JSF)上传组件

这个组件负责生成HTML文件上传标签,显示一个进度条以监视文件上传,并且生成一旦文件上传成功需要被显示的组件。使用JavaServer Faces实现这个组件的一个主要优点是,大多数复杂性被隐藏起来。开发人员只需要把组件标签添加到JSP,而后由组件负责所有的AJAX及相关的进度条监控细节问题。下面的JSP代码片断用于把上传组件添加到页面上。

<comp:fileUpload
 value="#{uploadPageBean.uploadedFile}"
 uploadIcon="images/upload.png"
 styleClass="progressBarDiv"
 progressBarStyleClass="progressBar"
 cellStyleClass="progressBarCell"
 activeStyleClass="progressBarActiveCell">
<%--下面是一旦文件上传完成将成为可见的组件--%>
<h:panelGrid columns="2" cellpadding="2" cellspacing="0" width="100%">
<f:facet name="header">
<h:outputText styleClass="text"
value="文件上传成功." />
</f:facet>
<h:panelGroup >
<h:commandButton action="#{uploadPageBean.reset}"
image="images/reset.png"/>
</h:panelGroup>
<h:panelGroup >
<h:commandButton action="#{uploadPageBean.nextPage}"
image="images/continue.png"/>
</h:panelGroup>
</h:panelGrid>
</comp:fileUpload>

 文件上传组件的value属性需要用一个拥有一个FileItem的属性绑定到一个bean上。组件只有在该文件被服务器成功收到时才显示。


网页题目:AJAX+JSF组件实现高性能的文件上载(2)-创新互联
网址分享:http://kswjz.com/article/cciigi.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流