atitit. 文件上传带进度条 atiUP 设计 java c# php

atitit. 文件上传带进度条 atiUP 设计 java c# php

1. 设计要求 1

2. 原理and 架构 1

3. ui 2

4. spring mvc 2

5. springMVC.xml 3

6. struts extand url 3

7. behide code 3

8. 简化设计 3

1. 设计要求

带进度条

完成提示动画效果..

2. 原理and 架构

如果需要显示进度条，实时显示文件上传进度

需要使用Ajaxj技术..up到个在的iframe黑头..

工作原理

其实际就是在处理上传文件的同时，将上传进度的信息例如文件总长吨，已经上传多少，传输速率写入session中，客户端游览器

利用Ajax技术再新开一个独立的进程从session中获取上传进度信息，并实时显示，Ajax技术能够 不刷新页面获取服务器数据。session

可看做是服务器内存，可以用于存放少量的客户信息。

上传监听器

commons-fileupload版1.2支持上传监听，只需要实现一个监听器，并把它添加到上传组件上即可。监听器需要实现它的progresslistener

作者:: 老哇的爪子 Attilax 艾龙，  EMAIL:[e-mail]

转载请注明来源： http://blog.csdn.net/attilax

3. ui

prj.wechatAdm4prop

house_list.jsp

<iframe id="upIfrm" src="up.jsp?callx=callO7" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" style="width:100%; height:60px"></iframe>

function callO7(path)

{

//alert(path);

$("#filex").val(path);

// okTips();

}

4. spring mvc

web.xml

<!-- spring mvc start  p3h -->

<!-- o7h ati -->

<servlet>

<servlet-name>spring</servlet-name>

<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

<init-param>

<param-name>contextConfigLocation</param-name>

<param-value>/WEB-INF/springMVC.xml</param-value>

</init-param>

</load-on-startup>

</servlet>

<!-- ///o7h -->

<servlet-mapping>

<servlet-name>spring</servlet-name>

<!-- 这里在配成spring,下边也要写一个名为spring-servlet.xml的文件，主要用来配置它的controller -->

<url-pattern>/spr/*</url-pattern>

</servlet-mapping>

<!-- spring mvc start  p3h  end  -->

5. springMVC.xml

<mvc:annotation-driven />

<context:annotation-config />

<context:component-scan  base-package="JUnit4,com.im,com.im.**,com.attilax.up.**,com.focusx.dictionary.action.**"/>

<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter" />

6. struts extand url

<constant name="struts.action.excludePattern" value="/dwr/.*,/dwr/test/.*,/spr/.*,/eqMntRun.jsp,/vod/eqMntRun.jsp,/comm/.*,/house/.*"></constant>

7. behide code

/wechatAdmin4propt/src/com/attilax/up/FileUploadController.java

8. 简化设计

up_smp.jsp

参考

atitit.文件上传带进度条的实现原理and组件选型and最佳实践总结O7