跟我学uploadify插件的应用实例——在J2EE Web应用系统中使用uploadify插件的应用示例.docVIP

跟我学uploadify插件的应用实例——在J2EE Web应用系统中使用uploadify插件的应用示例 在J2EE Web应用系统中使用uploadify插件的应用示例 1、在MyEclipse开发工具中创建本示例的Web应用项目 （1）本示例的Web应用项目的WebContext的名称为webload （2）配置本项目的Tomcat服务器及部署方式 本示例应用MyEclipse内带的Tomcat服务器，本项目的Tomcat服务器及部署方式等相关的设置参见如下示图： 2、设计Web应用系统中相关的JSP页面文件 在下面的代码示例中的${pageContext.request.contextPath}为J2EE EL表达式，其主要的功能是获得当前Web应用的Web Context所在的目录路径。 （1）引用jQuery系统库文件 script type=text/javascript src=${pageContext.request.contextPath}/javascript/lib/jquery-2.1.3.min.js/script （2）引用uploadify脚本文件 script type=text/javascript src=${pageContext.request.contextPath}/uploadify/uploadify/jquery.uploadify.min.js /script （3）引用uploadify样式表定义文件 link href=${pageContext.request.contextPath}/uploadify/css/uploadify.css rel=stylesheet type=text/css / （4）声明一个普通的html文件上传控件，并指定id div id=fileQueue/div input id=uploadifyFileInputTagID name=uploadifyFileInputTagName type=file multiple=true 上面的div id=fileQueue/div是定义上传文件的队列的显示区域。 （5）本示例中的JSP页面文件（文件名称为uploadifyDemo.jsp）的完整的代码示例 %@ page language=java contentType=text/html; charset=utf-8% !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head title应用uploadify插件实现文件上传的示例/title !--装载文件-- link href=${pageContext.request.contextPath}/uploadify/css/uploadify.css rel=stylesheet type=text/css / script type=text/javascript src=${pageContext.request.contextPath}/javascript/lib/jquery-2.1.3.min.js/script script type=text/javascript src=${pageContext.request.contextPath}/uploadify/uploadify/jquery.uploadify.min.js/script script type=text/javascript var BASE_URL =${pageContext.request.contextPath}; /script script type=text/javascript src=${pageContext.request.contextPath}/uploadify/uploadify/uploadifyDemo.js /script /head body div id=fileQueue/div input type=file name=uploadify id=uploadifyFileInputTagID / input type=hidden name=attachFileNameList id=hiddenAttachFileNameListInputTagID value=/ p a href=javascript:$(#uploadifyFileInputTagID).uploadify(upload)上传单个文件/a a href=javascript:$(#upl