1

display-client/assets/mobile-config.xml

@@ -15,7 +15,7 @@
	<!-- 非必须， 默认false。是否开启多WebView模式 -->
	<config name="is_mult_webview" value="true"/>
	<!-- 必须。应用license -->
	<config name="license" value="DshTMgSyj5B9ww32G72OhQ2yUv4Qp3PHHpqG8WX9LugEMQb2/CBRLUXzBHX9ro1WWNDqT9UICi8B24eYyykNosV4yk1SgYyDL61leCi-UzHY3dbcG1hJqZlZpvL2kQUqQVBo-o83KY8VlPGgY-Ci1gHJuomqI-I03vlkhv0bvec=|@@MDA5QkQ3MUQxNkQ0NTE3QzhGNEVGNDk4OTk2MzU0QkM0NEFERjc0ODQwOEU5NDFFOTQ2RUJFNDdFNTAyMTI1QTYzNDdFQTJFMjAxRURGRjFDQzcxNjRGNzlERTFFNDBBMTY3OEM5QkE1NDhBOUM3NzNBMDI1RUY2N0QyMTlFOUNDRjdEMDAyRDI2QzVDQTQ4NTREMDlFMDMwNjJCOTM5OTRFQTJBOUU3RkYxMEYwMzE5NUYxNjU0RTUzMTVFMUM1QjYxMzY2REYwOUFGNDI5QkMzRTY2MzA5QzNEMTVEMEUxNUM2MUNGQTk4NTk3RDAzRjY2OEEzMjNFNDc0ODA3MTY5" ></config>
	<config name="license" value="DrvY4GdwIo9AaV91hnnxlOv4N8NbuH7SQmf6St8uUi7q5VH00fbTkCsPkOkMy6u2HJ75Vk8gFNtzKuJbav3Pb3g0idpr8ORWWS7-tZFAlZb4nAvQ4LNBAwnYCD168PpgGc-DQIutWO8r9gxWpASkdrHn6lqOdu9V4R-/SWpqcF8=|@@MDA5NThBRjc4QTEzMjc1MDYwQjFGNzc3Qzk3OEI5RUQzNENENUU1RkVDNzk4NjhBQ0IzMDczMjYzRDM3Mzc0Qjk2NkY0RkQ5NjBCQTcwNjNFQ0YzRkJCMzAyNjczNDJCQjI1RDg1RkUwQTA4MjA4QkFCRDIzQ0ZCQkYzMjJBRjhDOUQzRTUzMEQ2OENBM0UxREZDOTMxOTEzQzFGNDY1QzZCRTUxNDFCMTQwRDU4M0E1ODc0RTYyMzI0ODdCMUY3ODNBRDJGNDRERkNFQjBCQjY0OTkxQkYzRDczNUI2RTc0OUE2QjNFQkZCNUJDMTM4M0MxRUEyRjZCOTg1Q0FBMDE3" ></config>
	<!-- 非必须。进入应用时的欢迎页面 --><!-- file:///android_asset为固定写法，表示工程的asset目录 -->
	<config name="loading_page" value="file:///android_asset/local/welcome.html"/>
	<!-- 非必须。更新应用的url -->

display-server/etc/server-data.xml

@@ -6,4 +6,6 @@
	
	<action name="receiveData" class="com.ai.server.bean.TestBean" method="receive" verify="false"></action>
	<action name="TestBean.reverse" class="com.ai.server.bean.TestBean" method="reverse" verify="false"></action>
	
	<action name="FileUpDownload.upload" class="com.ai.server.bean.FileUpDownload" method="upload" verify="false"></action>
</datas>

display-server/etc/server-page.xml

@@ -21,6 +21,7 @@
	<action name="UI-CustomDialog" template="template/webapp/plugin/UI-CustomDialog.html"></action>
	<action name="UI-CustomWindow" template="template/webapp/plugin/UI-CustomWindow.html"></action>
	<action name="UI-SlidingMenu" template="template/webapp/plugin/UI-SlidingMenu.html"></action>
	<action name="FileUpload" template="template/webapp/plugin/FileUpload.html"></action>
	<!-- Web Component Demo-->
	<action name="WmTab" template="template/webapp/tag/WmTab.html"></action>
	<action name="WmTabbar" template="template/webapp/tag/WmTabbar.html"></action>

display-server/src/com/ai/server/bean/FileUpDownload.java

@@ -0,0 +1,187 @@
package com.ai.server.bean;
import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import com.ai.server.core.bean.DisplayBean;
import com.ai.server.util.ApplicationPath;
import com.ailk.common.data.IData;
import com.ailk.mobile.servlet.ServletManager;
/**
 * 
 * @author Lu
 *
 */
public class FileUpDownload extends DisplayBean {
	/**
	 * 文件上传
	 * @param param
	 * @return
	 * @throws Exception
	 */
	public IData upload(IData param) throws Exception{
		HttpServletRequest request = ServletManager.getRequest();
		//获取文件需要上传到的路径
		String userDir = "default";//此处一般使用用户名管理文件
		String path = ApplicationPath.getFilePath(request) + "upload" + File.separator + userDir;
		
		File file = new File(path);
		if(! file.exists() && ! file.mkdirs()){
			throw new RuntimeException("生成用户上传文件夹失败，无法进行上传操作！");
		}
		
		//获得磁盘文件条目工厂
		DiskFileItemFactory factory = new DiskFileItemFactory();
        //如果没以下两行设置的话，上传大的文件会占用很多内存
        //设置暂时存放的存储室，这个存储室可以和最终存储文件的目录不同
        /**
         * 原理它是先存到暂时存储室，然后在真正写到对应目录的硬盘上
         * 按理来说当上传一个文件时，其实是上传了两份，第一个是以.tem格式的
         * 然后再将其真正写到对应目录的硬盘上
         */
         factory.setRepository(file);
         //设置缓存的大小，当上传文件的容量超过该缓存时，直接放到暂时存储室
         factory.setSizeThreshold(1024*1024);
         //文件上传处理
         ServletFileUpload upload = new ServletFileUpload(factory);
         
         try {
	         if (! ServletFileUpload.isMultipartContent(request)) {
	    	 	 log.debug("{'result': false, 'error': 网络异常，请重新上传!}");
	    	     return null;
	         }
	         List<?> fileList = upload.parseRequest(request);
	         
             for(int i = 0; i < fileList.size(); i++){
             	 FileItem item = (FileItem)fileList.get(i);
                 //获取表单的属性名字
                 String name = item.getFieldName();
                 
            	 //如果获取的 表单信息是普通的文本信息
                 if(item.isFormField()){
                     //获取用户具体输入的字符串，因为表单提交过来的是字符串类型的
                     String value = item.getString();
                     request.setAttribute(name, value);
                 	 
                 }else{
	                 //获取路径名
	                 String value = item.getName();
	                 //索引到最后一个反斜杠
	                 int start = value.lastIndexOf("\\");
	                 //截取 上传文件的 字符串名字，加1是 去掉反斜杠
	                 String filename = value.substring(start + 1);
	                 request.setAttribute(name, filename);
	                 
	                 //写到磁盘上
	                 OutputStream out = new FileOutputStream(new File(path,filename));
	                 InputStream in = item.getInputStream();
	                 
	                 int length = 0;
	                 byte[] buf = new byte[1024];
	                 
	                 System.out.println("获取上传文件的总共的容量：" + item.getSize());
	                 //写出到文件中
	                 while((length = in.read(buf) ) != -1) {
	                     //在BUF数组中取出数据写到（输出流）磁盘上
	                     out.write(buf, 0, length);
	                 }
	                 in.close();
	                 out.close();
                }
            }
        } catch (FileUploadException e) {
            e.printStackTrace();
            
        }catch (Exception e) {
            e.printStackTrace();
        }
        return null;
	}
	/**
	 * 文件下载
	 * @param param
	 * @return
	 * @throws Exception
	 */
	public IData download(IData param) throws Exception{
		HttpServletRequest request = ServletManager.getRequest();
		//获取文件需要上传到的路径
		String appPath = ApplicationPath.getFilePath(request);
		String path = appPath + File.separator + "upload" + File.separator + "Steven";
		File file = new File(path);
		if(! file.exists() && ! file.mkdirs()){
			throw new RuntimeException("生成用户上传文件夹失败，无法进行上传操作！");
		}
		
		//获得磁盘文件条目工厂
		DiskFileItemFactory factory = new DiskFileItemFactory();
       //如果没以下两行设置的话，上传大的文件会占用很多内存
       //设置暂时存放的存储室，这个存储室可以和最终存储文件的目录不同
       /**
        * 原理它是先存到暂时存储室，然后在真正写到对应目录的硬盘上
        * 按理来说当上传一个文件时，其实是上传了两份，第一个是以.tem格式的
        * 然后再将其真正写到对应目录的硬盘上
        */
        factory.setRepository(file);
        //设置缓存的大小，当上传文件的容量超过该缓存时，直接放到暂时存储室
        factory.setSizeThreshold(1024*1024);
        //文件上传处理
        ServletFileUpload upload = new ServletFileUpload(factory);
        
        try {
	        if (! ServletFileUpload.isMultipartContent(request)) {
	    		System.out.println("{'result': false, 'error': 网络异常，请重新上传!}");
	    	    return null;
	        }
	        List<?> fileList = upload.parseRequest(request);
	        
            for(int i = 0; i < fileList.size(); i++){
            	
            	FileItem item = (FileItem)fileList.get(i);
                //获取表单的属性名字
                String name = item.getFieldName();
                /**以下三步，主要获取上传文件的名字*/
                //获取路径名
                String value = item.getName();
                //索引到最后一个反斜杠
                int start = value.lastIndexOf("\\");
                //截取 上传文件的 字符串名字，加1是 去掉反斜杠
                String filename = value.substring(start + 1);
                request.setAttribute(name, filename);
                
                //写到磁盘上
                OutputStream out = new FileOutputStream(new File(path,filename));
                InputStream in = item.getInputStream();
                
                int length = 0;
                byte[] buf = new byte[1024];
                
                System.out.println("获取上传文件的总共的容量：" + item.getSize());
                //in.read(BUF)每次读到的数据存放在BUF数组中
                while((length = in.read(buf) ) != -1) {
                    //在BUF数组中取出数据写到（输出流）磁盘上
                    out.write(buf, 0, length);
                }
                in.close();
                out.close();
            }
        } catch (FileUploadException e) {
            e.printStackTrace();
            
        }catch (Exception e) {
            e.printStackTrace();
        }
        return null;
	}
}

display-server/src/com/ai/server/util/ApplicationPath.java

@@ -0,0 +1,56 @@
package com.ai.server.util;
import java.net.MalformedURLException;
import javax.servlet.http.HttpServletRequest;
public final class ApplicationPath {
	//定义应用主机上文件路径，应用请求路径
	public static String appFilePath, appRequestPath;
	
	/******************************************************************
	 * 获取应用主机上的文件路径(/x/xx/xxx)
	 * @return
	 * @throws MalformedURLException
	 */
	public static String getFilePath(HttpServletRequest request) throws MalformedURLException{
		if(request == null)
			throw new RuntimeException("请求对象为空，无法获取应用文件路径！");
		
		if(appFilePath == null){
			String ServerInfo = request.getSession().getServletContext().getServerInfo();
			String serverType = ServerInfo.contains("Tomcat")?"T":"W";
			
			if(serverType.equals("T")){
				appFilePath = request.getSession().getServletContext().getRealPath("/");
				
			}else{
				appFilePath = request.getSession().getServletContext().getResource("/").getPath();
			}
		}
		return appFilePath;
	}
	/*****************************************************************
	 * 获取应用的WEB访问路径(http://x.xx.xxx:aaa/application)
	 * @return
	 * @throws MalformedURLException
	 */
	public static String getRequestPath(HttpServletRequest request) throws MalformedURLException{
		if(request == null)
			throw new RuntimeException("请求对象为空，无法获取应用WEB请求路径！");
		
		if(appRequestPath == null){
			appRequestPath = request.getScheme()
					+ "://" 
					+ request.getServerName()
					+ ":" 
					+ request.getServerPort()
					+ request.getContextPath()
					+ "/";
		}
		return appRequestPath;
	}
	
	/**私有化构造器*/
	private ApplicationPath(){}
}

display-server/web/biz/js/plugin/fileupload.js

@@ -0,0 +1,12 @@
require(["domReady!","wadeMobile", "util"], function(doc,WadeMobile) {
	//建表
	$("#location").tap(function() {
		var uploadFiles = new Array();
//		uploadFiles.push('/Users/kevin/Downloads/cat.png');
		uploadFiles.push('/Users/kevin/Downloads/cat.txt');
		
		WadeMobile.uploadFile(uploadFiles, function(){
//			alert("上传成功！");
		});
	});
});

display-server/web/template/webapp/PluginIndex.html

@@ -39,4 +39,8 @@
		<div class="pic"><span class="e_ico-conect"></span></div>
		<div class="text">数据库</div>
	</li>
	<li action="FileUpload">
		<div class="pic"><span class="e_ico-storage"></span></div>
		<div class="text">文件上传</div>
	</li>
</ul>

display-server/web/template/webapp/plugin/FileUpload.html

@@ -0,0 +1,41 @@
<!DOCTYPE HTML>
<html class="s_bs">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
	<title>文件上传/下载</title>
	{%>template/common/Head.html%}
	<script type="text/javascript" src="biz/js/plugin/fileupload.js"></script>
	<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="c_navBar">
	<div class="left">
		<div class="back">
			<span class="e_ico-back"></span>
			<span class="text">文件上传</span>
		</div>
	</div>
</div>
<div class="m_content m_content-nofooter" id="content" >
<div>
	<div class="c_title">文件位置</div>
	<div class="c_list">
		<ul>
			<li>
				<div class="content">
					<div class="main">
						<div class="title">文件路径</div>
						<div class="info" id="fileLocation">请选择上传文件路径</div>
					</div>
					<div class="fn fn-2" id="location">文件路径</div>
				</div>
			</li>
		</ul>
	</div>
</div>
</div>
</body>
</html>