devbox
小蓝xlanll
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

FTP ftp.printWorkingDirectory() 乱码问题以及FTP浏览效果实例_开发环境 ftpclient.printworkingdirectory()

作者：小蓝xlanll | 2024-03-17 10:28:22

赞

踩

开发环境 ftpclient.printworkingdirectory()

乱码问题

获取项目当前路径 ftp.printWorkingDirectory() 乱码，因为已经是转码的了，再转回来即可

new String(ftp.printWorkingDirectory().getBytes("iso8859-1"), "UTF-8")

下载文件返回为false，文件大小为0：

ftp.retrieveFile(ftp.printWorkingDirectory()+"/"

+new String((fileName).getBytes(LOCAL_CHARSET),"ISO-8859-1"), is);

思路：

1、ftp.printWorkingDirectory() 不要放在new String里，否则再次转码，获取不到地址

2、文件路径连接符用"/"，不要用File.separator

我的实例：

效果

ftp文件浏览

后台代码

  1. package com.hljtx.eip.contorller;
  2.  
  3. import java.io.BufferedInputStream;
  4. import java.io.BufferedOutputStream;
  5. import java.io.File;
  6. import java.io.FileInputStream;
  7. import java.io.FileOutputStream;
  8. import java.io.InputStream;
  9. import java.io.OutputStream;
  10. import java.util.Date;
  11. import java.util.HashMap;
  12. import java.util.Map;
  13. import java.util.zip.ZipOutputStream;
  14.  
  15. import javax.annotation.Resource;
  16. import javax.servlet.http.HttpServletRequest;
  17. import javax.servlet.http.HttpServletResponse;
  18.  
  19. import org.apache.commons.lang.StringUtils;
  20. import org.apache.commons.net.ftp.FTPClient;
  21. import org.apache.commons.net.ftp.FTPFile;
  22. import org.apache.commons.net.ftp.FTPReply;
  23. import org.springframework.stereotype.Controller;
  24. import org.springframework.web.bind.annotation.RequestMapping;
  25. import org.springframework.web.bind.annotation.ResponseBody;
  26.  
  27. import com.hljtx.eip.service.impl.IntelligentReportSecondServiceImpl;
  28. import com.hljtx.eip.util.FTPUtil;
  29. import com.hljtx.eip.util.Prop;
  30. import com.hljtx.eip.util.PropUtils;
  31.  
  32. @Controller
  33. @RequestMapping("/FTPTool")
  34. public class FTPToolController {
  35. 	private static String LOCAL_CHARSET = "GBK";
  36. 	@Resource
  37. 	IntelligentReportSecondServiceImpl reportSecondServiceImpl;
  38. 	@RequestMapping("/showFileDirectory.do")
  39. 	public String showFileDirectory(HttpServletRequest request,HttpServletResponse response) {
  40. 		try{
  41. 			String ftpHost = request.getParameter("ftpHost");
  42. 			String ftpPortStr= request.getParameter("ftpPort");
  43. 			int ftpPort =0;
  44. 			if(StringUtils.isNotBlank(ftpPortStr)){
  45. 				 ftpPort = Integer.parseInt(request.getParameter("ftpPort"));
  46. 			}
  47.  			String ftpUserName = request.getParameter("ftpUserName");
  48. 			String ftpPassword = request.getParameter("ftpPassword");
  49. 			String url = request.getParameter("url");
  50. 			String rootUrl = request.getParameter("root");
  51. 			if(StringUtils.isBlank(url)){
  52. 				url = rootUrl;
  53. 			}
  54. 		      if(StringUtils.endsWith(rootUrl,"/")){
  55. 		    	  rootUrl=rootUrl.substring(0,rootUrl.lastIndexOf("/"));
  56. 		      }
  57. 			  request.setAttribute("ftpHost", ftpHost);
  58. 		      request.setAttribute("ftpPort", ftpPort);
  59. 		      request.setAttribute("ftpUserName", ftpUserName);
  60. 		      request.setAttribute("ftpPassword", ftpPassword);
  61. 		      request.setAttribute("root", rootUrl);
  62. 		      
  63. 			FTPUtil ftpUtil = new  FTPUtil();
  64. 			FTPClient ftp = ftpUtil.getFTPClient(ftpHost, ftpPort, ftpUserName, ftpPassword);
  65. 		    if (FTPReply.isPositiveCompletion(
  66. 		    		ftp.sendCommand("OPTS UTF8", "ON"))) {// 开启服务器对UTF-8的支持，如果服务器支持就用UTF-8编码，否则就使用本地编码（GBK）.
  67. 		    	         LOCAL_CHARSET= "UTF-8";
  68. 	        }
  69. 		    ftp.setControlEncoding(LOCAL_CHARSET);
  70. 		      //设置FTP连接模式
  71. 		      ftp.enterLocalPassiveMode();
  72. 		      if(StringUtils.isNotBlank(url)){
  73. 		    	  ftp.changeWorkingDirectory(new String(url.getBytes(LOCAL_CHARSET),"ISO-8859-1"));
  74. 		    	  if(ftp.printWorkingDirectory().equals("/")){
  75. 		    		  request.setAttribute("msg", "文件打开发生错误，请检查文件权限");
  76. 		    		  return "jsp/ftptool/ftplist";
  77. 		    	  }
  78. 		    	  
  79. 		      }
  80. 		      FTPFile[] fileList=ftp.listFiles();
  81. 		      //返回文件列表
  82. 		      request.setAttribute("fileList", fileList);
  83. 		      System.out.println(ftp.printWorkingDirectory());
  84. 		      System.out.println(new String(ftp.printWorkingDirectory().getBytes("iso8859-1"), "UTF-8"));
  85. 		      System.out.println(new String(ftp.printWorkingDirectory().getBytes(LOCAL_CHARSET),"ISO-8859-1"));
  86. 		      System.out.println(ftp.getCharsetName());
  87. 		      System.out.println(rootUrl);
  88. 		      if(StringUtils.isNotBlank(rootUrl)){
  89. 		    	 url = url.replace(rootUrl, "");
  90. 		      }
  91. 		      request.setAttribute("url", url);
  92. 		      
  93. 		}catch(Exception e){
  94. 			e.printStackTrace();
  95. 		}
  96. 		
  97. 		return "jsp/ftptool/ftplist";
  98. 	}
  99. 	
  100. 	@RequestMapping("/downFtpFile.do")
  101. 	@ResponseBody
  102. 	public Map<String,Object> downFtpFile(HttpServletRequest request,HttpServletResponse response) {
  103. 		Map<String,Object> map= new HashMap<String, Object>();
  104. 		String AccessApacheUrl ="";
  105. 		   //获取项目路径
  106. 		Prop prop = PropUtils.use("config.properties");
  107. 		String fileUploadPath = prop.get("fileUploadPath");
  108. 		String fileAccessApacheUrl = prop.get("fileAccessApacheUrl");
  109. 		//文件夹名称
  110. 		String tempFileName="ftpTempFile";
  111. 		//文件夹路径
  112. 		String tempFileUrl= fileUploadPath + File.separator + tempFileName ;
  113. 		try {
  114. 			String ftpHost = request.getParameter("ftpHost");
  115. 			String ftpPortStr= request.getParameter("ftpPort");
  116. 			int ftpPort =0;
  117. 			if(StringUtils.isNotBlank(ftpPortStr)){
  118. 				 ftpPort = Integer.parseInt(request.getParameter("ftpPort"));
  119. 			}
  120.  			String ftpUserName = request.getParameter("ftpUserName");
  121. 			String ftpPassword = request.getParameter("ftpPassword");
  122. 			String url = request.getParameter("url");
  123. 			String fileName = request.getParameter("fileName");
  124. 			String folder = request.getParameter("folder");
  125. 			FTPUtil ftpUtil = new  FTPUtil();
  126. 			FTPClient ftp = ftpUtil.getFTPClient(ftpHost, ftpPort, ftpUserName, ftpPassword);
  127. 		    if (FTPReply.isPositiveCompletion(
  128. 		    		ftp.sendCommand("OPTS UTF8", "ON"))) {// 开启服务器对UTF-8的支持，如果服务器支持就用UTF-8编码，否则就使用本地编码（GBK）.
  129. 		    	         LOCAL_CHARSET= "UTF-8";
  130. 	        }
  131. 		      ftp.setControlEncoding(LOCAL_CHARSET); 
  132. 		      //设置FTP连接模式
  133. 		      ftp.enterLocalPassiveMode();
  134.               //打不开文件夹
  135. 		      if(StringUtils.isNotBlank(url)){
  136. 		    	  ftp.changeWorkingDirectory(new String(url.getBytes(LOCAL_CHARSET),"ISO-8859-1"));
  137. 		    	  System.out.println(ftp.printWorkingDirectory());
  138. 		    	  if(ftp.printWorkingDirectory().equals("/")){
  139. 		    		  return map;
  140. 		    	  }
  141. 		      }
  142. 		     
  143. 				
  144. 		    //时间戳
  145. 		  	String time=String.valueOf(new Date().getTime());
  146. 		    tempFileUrl = tempFileUrl+File.separator+time;
  147. 			 File tempFile = new File(tempFileUrl);
  148. 			 tempFile.mkdirs();
  149. 		      //下载文件
  150.  		      if(StringUtils.isNotBlank(fileName)){
  151. 		    	  String temfileName = tempFileUrl+File.separator+fileName;
  152. 		    	  File localFile = new File(temfileName);
  153. 		    	  localFile.deleteOnExit();
  154. 		    	  
  155.                   OutputStream is = new FileOutputStream(localFile);
  156.                   ftp.setFileType(ftp.BINARY_FILE_TYPE);
  157.   	              ftp.retrieveFile(ftp.printWorkingDirectory()+"/"+new String((fileName).getBytes(LOCAL_CHARSET),"ISO-8859-1"), is);
  158.                   is.close();
  159.                   AccessApacheUrl = fileAccessApacheUrl + tempFileName+File.separator+time +File.separator+fileName;
  160.                   
  161. 		      }else{
  162. 		    	   //下载文件夹
  163. 		    	  FTPFile[] fileList=ftp.listFiles();
  164. 		    	 
  165. 		  		 if(fileList.length>0){
  166. 		  			String fileDi= tempFileUrl+File.separator +folder;
  167. 		  			File fileDIF = new File(fileDi);
  168. 		  			fileDIF.mkdirs();
  169. 			    	  for(FTPFile ftpFile:fileList){
  170. 			    		  if(ftpFile.getType() == 1){
  171. 			    			  downLoadFile(ftp, ftpFile, fileDi+File.separator+ftpFile.getName());
  172. 			    		  }else{
  173. 			    			  downLoadFile(ftp, ftpFile, fileDi);
  174. 			    		  }
  175. 		                  
  176. 			    	  }
  177. 			    	  String zipUrl = tempFileUrl+".zip";
  178. 			    	  // 实例化 FileOutputStream 对象
  179. 			  		  FileOutputStream fileOutputStream = new  FileOutputStream(zipUrl);
  180. 			  		   // 创建 ZipOutputStream
  181. 			  		  ZipOutputStream zipOutputStream = new ZipOutputStream(fileOutputStream);
  182. 			  		  reportSecondServiceImpl.makeZip(zipOutputStream,tempFile,"");
  183. 					  //关闭各种流
  184. 					  zipOutputStream.closeEntry();
  185. 					  zipOutputStream.close();
  186. 					  fileOutputStream.close();
  187. 					  AccessApacheUrl = fileAccessApacheUrl+ tempFileName+File.separator+time+".zip";
  188. 					   //压缩完成删除压缩前的文件
  189. 						File srcFiles = new File(tempFileUrl);
  190. 						reportSecondServiceImpl.deleteAllFile(srcFiles);
  191. 		    	  }
  192. 		    	
  193. 		      }
  194. 		      
  195. 		} catch (Exception e) {
  196. 			e.printStackTrace();
  197. 			AccessApacheUrl="";
  198. 		} 
  199. 		map.put("AccessApacheUrl", AccessApacheUrl);
  200. 		return map;
  201. 	}
  202. 	
  203. 	public void downLoadFile(FTPClient ftp,FTPFile ftpFile,String loaclFileUrl) {
  204. 		try{
  205. 			 File localFile = new File(loaclFileUrl);
  206. 			 localFile.mkdirs();
  207. 			//文件夹类型
  208. 			if(ftpFile.getType() == 1){
  209. 				if(ftp.changeWorkingDirectory(ftpFile.getName())){
  210. 					System.out.println(ftp.printWorkingDirectory());
  211. 					
  212. 					 //下载文件夹
  213. 			    	FTPFile[] fileList=ftp.listFiles();
  214. 				    for(FTPFile nextftpFile:fileList){
  215. 				    	System.out.println(ftpFile.getType() );
  216. 				    	if(nextftpFile.getType() == 1){
  217. 				    		downLoadFile(ftp, nextftpFile, loaclFileUrl+File.separator+nextftpFile.getName());
  218. 				    	}else{
  219. 				    		downLoadFile(ftp, nextftpFile, loaclFileUrl);
  220. 				    		
  221. 				    	}
  222. 				    }
  223. 				}
  224. 			}else{
  225. 		    	localFile.deleteOnExit();
  226. 	            OutputStream is = new FileOutputStream(localFile+File.separator+ftpFile.getName());
  227. 	            ftp.setFileType(ftp.BINARY_FILE_TYPE);
  228. 	            ftp.retrieveFile(ftp.printWorkingDirectory()+"/"+new String(ftpFile.getName().getBytes(LOCAL_CHARSET),"ISO-8859-1"), is);
  229. 	            is.close();
  230. 			}
  231. 		}catch(Exception e){
  232. 			e.printStackTrace();
  233. 		}
  234. 	}
  235. 	@RequestMapping("/downFile.do")
  236. 	public void downFile(HttpServletRequest request,HttpServletResponse response) {
  237. 		try {
  238. 			String url = request.getParameter("url");
  239. 			if(StringUtils.isNotBlank(url)){
  240. 				   //获取项目路径
  241. 				Prop prop = PropUtils.use("config.properties");
  242. 				String fileUploadPath = prop.get("fileUploadPath");
  243. 				String fileAccessApacheUrl = prop.get("fileAccessApacheUrl");
  244. 				String temfileName = url.replace(fileAccessApacheUrl, fileUploadPath);
  245. 			    File file = new File(temfileName);
  246. 				String fileName=temfileName.substring(temfileName.lastIndexOf("\\")+1, temfileName.length());
  247. 				
  248. 	            // 以流的形式下载文件。
  249. 	            InputStream fis = new BufferedInputStream(new FileInputStream(temfileName));
  250. 	            byte[] buffer = new byte[fis.available()];
  251. 	            fis.read(buffer);
  252. 	            fis.close();
  253. 	            // 清空response
  254. 	            response.reset();
  255. 	            // 设置response的Header
  256. 	            response.addHeader("Content-Disposition", "attachment;filename=" + new String(fileName.getBytes("gbk"), "iso8859-1"));
  257. 	            //设置文件打下  
  258. 	            response.addHeader("Content-Length", "" + file.length());  
  259. 	            OutputStream toClient = new BufferedOutputStream(response.getOutputStream());
  260. 	            response.setContentType("application/octet-stream");
  261. 	            toClient.write(buffer);
  262. 	            toClient.flush();
  263. 	            toClient.close();
  264. 			}
  265. 		} catch (Exception e) {
  266. 			 e.printStackTrace();
  267. 		}
  268. 	}
  269. }

 前端页面代码

ftplist.jsp

  1. <%@page pageEncoding="utf-8" import="java.util.*,com.hljtx.eip.util.ConsumerStyleChange,com.hljtx.eip.util.SsoUtils"%>
  2. <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  3. <%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
  4. <%@ taglib prefix="fun" uri="http://java.sun.com/jsp/jstl/functions"%> 
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  8. %>
  9.  
  10. <!DOCTYPE html>
  11. <html lang="zh-CN" style="background: #fff;">
  12. <head>
  13.   <head>
  14.     <base href="<%=basePath%>">
  15.     <title>ftp文件浏览</title>
  16.     <meta charset="utf-8">
  17.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  18.     <meta name="viewport" content="width=device-width, initial-scale=1">
  19.     <link rel="stylesheet" href="<%=path %>/css/folder.css" />
  20. 	<link rel="stylesheet" href="<%=path %>/css/bootstrap.min.css" />
  21. 	<script src="<%=path %>/js/jquery.min.js"></script>
  22. 	<script src="<%=path %>/js/database.js"></script>
  23. 	<script src="<%=path %>/js/dblist.js"></script>
  24. 	<script src="<%=path %>/js/jquery.contextmenu.r2.js"></script>
  25. 	<script src="<%=path %>/js/folder.js"></script>
  26. 	<script src="<%=path%>/js/newlayer/layer.js"></script>
  27. <script type="text/javascript">
  28. $(function(){
  29. 	//初始化
  30. 	var id = "1";
  31. 	init(id, 0);
  32. 	//textarea_bind();
  33. });
  34. </script>
  35.  <script type="text/javascript">
  36.   $(function(){
  37. 	  
  38. 	  //双击功能
  39. 	  $("#divall li.folder").dblclick(function() {
  40. 		  openFile($(this));
  41. 	    });
  42. 	  
  43. 	  var url = $("[name='url']").val()
  44. 	  if("${msg}" !=""){
  45. 		  alert("${msg}");
  46. 		  if( url !="" && url !="/"){
  47. 			  openRootFile();
  48. 		  }
  49. 	  }
  50.   })
  51.   
  52.   //进入文件夹
  53.    function openFile(obj){
  54. 		  var folder = $(obj).children("input.changename").val();
  55. 		    var root = $("[name='root']").val();
  56. 		    var oldUrl = $("[name='url']").val();
  57. 		    if(oldUrl.trim()=="/" || oldUrl.trim()==""){
  58. 		    	 $("[name='url']").val(root+"/"+folder);
  59. 		    }else{
  60. 		    	 $("[name='url']").val(root+"/"+oldUrl+"/"+folder);
  61. 		    }
  62. 		    
  63. 	         $("#ftpForm").submit()
  64. 	  }
  65. 	    /**
  66. 	    *打开根目录
  67. 	    */
  68. 	function openRootFile(){
  69. 	   var root = $("[name='root']").val();
  70. 	   $("[name='url']").val(root);
  71. 	   $("#ftpForm").submit()
  72.    }
  73. 	    //点击导航事件
  74.    function openNavigationFile(obj){
  75. 	     var root = $("[name='root']").val();
  76. 	     var newUrl=""
  77.     	 $(obj).prevAll(".childFolder").each(function(){
  78.     		 newUrl +="/"+$(this).text().trim();
  79.     	 })
  80. 	     newUrl +="/" + $(obj).text().trim();
  81. 	   $("[name='url']").val(root+newUrl);
  82. 	   $("#ftpForm").submit()
  83.    }
  84.    var layerIndex;
  85.    //下载文件
  86.   function downFTPFile(param){
  87. 	  layer.load({
  88. 		    shade: [0.1,'#fff'] //0.1透明度的白色背景
  89. 		});
  90. 	  var root = $("[name='root']").val();
  91. 	  var oldUrl = $("[name='url']").val();
  92. 	  var newUrl="";
  93. 	  var filename="";
  94.       var data={};
  95. 	    
  96. 	  if(param.is_directory ==1){
  97. 		  if(oldUrl.trim()=="/" || oldUrl.trim()==""){
  98. 	    	  newUrl=root+"/"+param.folder_name
  99. 	      }else{
  100. 	    	  newUrl=root+"/"+oldUrl+"/"+param.folder_name;
  101. 	      }
  102. 		  //文件夹类型
  103. 		  data.url = newUrl;
  104. 		  data.folder =param.folder_name;
  105. 	  }else{
  106. 		  //文件类型
  107. 		  if(oldUrl.trim()=="/" || oldUrl.trim()==""){
  108. 	    	  newUrl=root
  109. 	      }else{
  110. 	    	  if(oldUrl.startsWith("/")){
  111. 	    		  newUrl=root+oldUrl;
  112. 	    	  }else{
  113. 	    		  
  114. 	    	     newUrl=root+"/"+oldUrl;
  115. 	    	  }
  116. 	      }
  117. 		  data.url = newUrl;
  118. 		  
  119. 		  filename=param.folder_name;
  120. 	  }
  121. 	  
  122. 	  data.fileName = filename;
  123. 	  data.ftpHost=$("[name='ftpHost']").val();
  124. 	  data.ftpPort=$("[name='ftpPort']").val();
  125. 	  data.ftpUserName=$("[name='ftpUserName']").val();
  126. 	  data.ftpPassword=$("[name='ftpPassword']").val();
  127. 		$.ajax({
  128. 			type:'post',
  129. 			url:'<%=path %>/FTPTool/downFtpFile.do',
  130. 			data:data,
  131. 			success:function(d){
  132. 				layer.closeAll('loading');
  133. 				if(d.AccessApacheUrl && d.AccessApacheUrl !=""){
  134. 					//询问框
  135. 			 		  layerIndex = layer.confirm('文件地址:'+d.AccessApacheUrl+',是否下载？', {
  136. 			 	      closeBtn: 0,
  137. 			 		  btn: ['是','否'] //按钮
  138. 			 		}, function(){
  139. 			 			window.open(d.AccessApacheUrl, '_blank');
  140. 			 			 <%-- if(param.is_directory ==1){
  141. 			 				window.open(d.AccessApacheUrl, '_self');
  142. 			 			}else{
  143. 			 				window.open("<%=path %>/FTPTool/downFile.do?url="+d.AccessApacheUrl,"下载",)
  144. 			 			} --%>
  145. 			 			
  146. 			 		}, function(){
  147. 			 			 layer.close(layerIndex);
  148. 			 		});
  149. 				}else{
  150. 					alert("没有可下载文件")
  151. 				}
  152. 				
  153. 			}
  154. 		})
  155.   }
  156.   </script>
  157.   </head>
  158.   
  159.   <body>
  160.   <!-- 导航 -->
  161.    <div class="navigation-bar">
  162. 		<div class="forward-backward">
  163. 			<button type="button" class="backward flipy-y btn-xs k-btn btn" title="后退" onclick="history.go(-1)"></button>
  164. 		</div>
  165. 		<button type="button" class="home btn-xs k-btn btn" title="返回根目录" onclick="openRootFile()"></button>
  166. 		<div class="folder-navigation" id="folder-navigation">
  167. 		   <a class="foldername" data-id="1" onclick="openRootFile()">根目录</a>
  168. 		   <c:forEach items="${fun:split(url,'/') }" var="fileName" varStatus="i">
  169. 		     <c:if test="${!empty fileName }">
  170. 		        <img class="triangle" src="<%=path %>/images/triangle.png"><a class="foldername childFolder" data-id="2" onclick="openNavigationFile(this)">${fileName }</a>
  171. 		     </c:if>
  172. 		   </c:forEach>
  173. 		</div>
  174. 		
  175. 	</div>
  176. 	<form action="<%=path %>/FTPTool/showFileDirectory.do" method="post" id="ftpForm" name="ftpForm">
  177. 	   <input type="hidden" value="${root}" name="root">
  178. 	   <input type="hidden" value="${url}" name="url">
  179. 	   <input type="hidden" value="${ftpHost}" name="ftpHost">
  180. 	   <input type="hidden" value="${ftpPort}" name="ftpPort">
  181. 	   <input type="hidden" value="${ftpUserName}" name="ftpUserName">
  182. 	   <input type="hidden" value="${ftpPassword}" name="ftpPassword">
  183. 	
  184. 	</form>
  185. 	<div class="alldom" id="all_folder">
  186. 		<ul id="divall">
  187. 		
  188. 			<c:forEach items="${fileList }" var="file">
  189. 			    <c:set var="fileTypeName" value="${fun:substringAfter(file.name,'.') }" />
  190. 			    <c:set var="fileType" value="${fun:toLowerCase(fileTypeName) }" />
  191. 		          <li 
  192. 		             <c:choose>
  193. 					    <c:when test="${file.type eq 1}">
  194. 					       class="folder"
  195. 					    </c:when>
  196. 					    <c:when test="${fileType eq 'docx' || fileType eq 'doc'}">
  197. 					       class="file docx"
  198. 					    </c:when>
  199. 					    <c:when test="${fileType eq 'xls' || fileType eq 'xlsx'}">
  200. 					       class="file xlsx"
  201. 					    </c:when>
  202. 					    <c:when test="${fileType eq 'pdf'}">
  203. 					         class="file pdf"
  204. 					    </c:when>
  205. 					    <c:when test="${fileType eq 'png'}">
  206. 					         class="file png"
  207. 					    </c:when>
  208. 					    <c:when test="${fileType eq 'jpg'}">
  209. 					        class="file jpg"
  210. 					    </c:when>
  211. 					     <c:when test="${fileType eq 'mp3'}">
  212. 					       class="file mp3"
  213. 					    </c:when>
  214. 					     <c:when test="${fileType eq 'mp4'}">
  215. 					       class="file mp4"
  216. 					    </c:when>
  217. 					     <c:when test="${fileType eq 'rar' || fileType eq 'zip'}">
  218. 					       class="file rar"
  219. 					    </c:when>
  220. 					     <c:when test="${fileType eq 'txt'}">
  221. 					         class="file txt"
  222. 					    </c:when>
  223. 					    <c:otherwise>
  224. 					         class="file other-filetype"
  225. 					    </c:otherwise>
  226. 					 </c:choose>
  227. 		           title="${file.name }" index="0"><input type="text" class="changename" value="${file.name }" data-id="2" disabled="disabled" data-last-value="${file.name }"></li>
  228. 			</c:forEach>
  229. 		</ul>
  230. 	</div>
  231. 	<div style="clear: both;"></div>
  232. 	
  233. 	<!-- 在文件夹上右键菜单 -->
  234. 	<div class="contextMenu" id="myMenu2">
  235. 		<ul>
  236. 			<li id="open" >打开</li>
  237.             <li id="download">下载</li>
  238. 			<!-- <li id="copy">复制</li>
  239. 			<li id="cut">剪切</li>
  240. 			<li id="paste">黏贴</li>
  241. 			<li id="rename">重命名</li>
  242. 			<li id="delete">删除</li>-->
  243. 		</ul>
  244. 	</div>
  245. 	<!-- 在文件上面右键菜单 -->
  246. 	<div class="contextMenu" id="myMenu3">
  247. 		<ul>
  248. 			<li id="download">下载</li>
  249. 			<!-- <li id="copy">复制</li>
  250. 			<li id="cut">剪切</li>
  251. 			<li id="rename">重命名</li>
  252. 			<li id="delete">删除</li>-->
  253. 		</ul>
  254. 	</div>
  255.   </body>
  256.   
  257.  
  258. </html>

folder.css

  1. @CHARSET "UTF-8";
  2. * {
  3. 	margin:0;
  4. 	padding:0;
  5. }
  6. body,html {
  7. 	width:100%;
  8. 	height:100%;
  9. }
  10. .alldom {
  11. 	
  12. }
  13. .alldom ul {
  14. 	padding:0;
  15. 	list-style:none;
  16. }
  17. .folder {
  18. 	background:url(../images/213125.png) center top no-repeat;
  19. }
  20. .doc,.docx {
  21. 	background:url(../images/DOC_File_Extension.png) center top no-repeat;
  22. }
  23. .pdf {
  24. 	background:url(../images/pdf.png) center top no-repeat;
  25. }
  26. .xls,.xlsx {
  27. 	background:url(../images/XLS_File_Extension.png) center top no-repeat;
  28. }
  29. .other-filetype {
  30. 	background:url(../images/qita.png) center top no-repeat;
  31. }
  32. .png {
  33. 	background:url(../images/png.png) center top no-repeat;
  34. }
  35. .jpg {
  36. 	background:url(../images/jpg.png) center top no-repeat;
  37. }
  38. .txt {
  39. 	background:url(../images/file.png) center top no-repeat;
  40. }
  41. .mp3 {
  42. 	background:url(../images/mp3.png) center top no-repeat;
  43. }
  44. .mp4 {
  45. 	background:url(../images/mp4.png) center top no-repeat;
  46. }
  47. .rar {
  48. 	background:url(../images/rar.png) center top no-repeat;
  49. }
  50. .alldom ul li {
  51. 	overflow:hidden;
  52. 	width:100px;
  53. 	height:115px;
  54. 	float:left;
  55. 	margin: 0px 25px;
  56. 	border:1px solid #fff;
  57. 	position:relative;
  58. 	transition:all 0.2s ease-in 0.1s;
  59. 	white-space:nowrap;
  60. 	text-overflow:ellipsis
  61. }
  62. .alldom ul li.focus {
  63. 	
  64. }
  65. .alldom ul li:hover {
  66. 	background-color:#ddd;
  67. 	cursor: pointer;
  68. 	
  69. }
  70. input.changename {
  71. 	position:absolute;
  72. 	border-radius:0px;
  73. 	left:-25px;
  74. 	bottom:10px;
  75. 	overflow:hidden;
  76. 	width:98px;
  77. 	height:20px;
  78. 	color:#595c5f;
  79. 	line-height:20px;
  80. 	text-align:center;
  81. 	font-size:12px;
  82. 	z-index:0;
  83. 	border:0;
  84. 	border-radius:8px;
  85. 	transition:all 0.2s ease-in 0.1s;
  86. 	margin-left:25px;
  87. 	background:none;
  88. }
  89. input.changename:hover {
  90. 	background:none;
  91. 	color:#F33;
  92. }
  93. input.changename:focus {
  94. 	background-color:#fff;
  95. }
  96. .info-bar {
  97. 	height:65px;
  98. }
  99. .info-icon {
  100. 	width:60px;
  101. 	height:90%;
  102. 	display:inline-block;
  103. 	background-size:cover;
  104. }
  105. .info-detail {
  106. 	display:inline-block;
  107. 	height:90%;
  108. 	width:90%;
  109. 	margin-left:10px;
  110. }
  111. .detail-form .detail-field {
  112. 	float:left;
  113. 	width:300px;
  114. }
  115. .detail-field2 {
  116. 	font-size:large;
  117. 	margin-left:10px;
  118. }
  119. .detail-var {
  120. 	margin-right:10px;
  121. }
  122. .navigation-bar .home {
  123. 	width:24px;
  124. 	height:24px;
  125. 	background-image:url(../images/blue_home.png);
  126. 	background-repeat:no-repeat;
  127. 	background-size:cover;
  128. 	margin:0 3px;
  129. 	position:relative;
  130. 	display:inline-block;
  131. }
  132. .navigation-bar .home:hover {
  133. 	background-color:#ccc;
  134. }
  135. .navigation-bar .gotopre {
  136. 	width:24px;
  137. 	height:24px;
  138. 	background-image:url(../images/return.png);
  139. 	background-repeat:no-repeat;
  140. 	background-size:cover;
  141. 	margin:0 3px;
  142. 	position:relative;
  143. 	display:inline-block;
  144. 	background-color:ghostwhite;
  145. }
  146. .navigation-bar .gotopre:hover {
  147. 	background-color:#0ce2ea;
  148. }
  149. .folder-navigation .foldername {
  150. 	cursor:pointer;
  151. 	text-decoration:none;
  152. }
  153. .folder-navigation .triangle {
  154. 	width:8px;
  155. 	margin:0 5px 3px 5px;
  156. }
  157. .navigation-bar .folder-navigation {
  158. 	height:20px;
  159. 	position:relative;
  160. 	display:inline-block;
  161. 	margin-left:10px;
  162. }
  163. .navigation-bar .forward-backward {
  164. 	width:30px;
  165. 	display:inline-block;
  166. }
  167. .navigation-bar .forward-backward .backward {
  168. 	background-image:url(../images/forward.png);
  169. 	background-repeat:no-repeat;
  170. 	background-size:contain;
  171. 	margin:5px 3px;
  172. 	border:0;
  173. 	width:24px;
  174. 	height:24px;
  175. 	
  176. }
  177. .navigation-bar .forward-backward .backward:hover,.navigation-bar .forward-backward .backward:focus {
  178. 	background-color:#ccc;
  179. }
  180. .navigation-bar .forward-backward .forward {
  181. 	background-image:url(../images/forward.png);
  182. 	background-repeat:no-repeat;
  183. 	background-size:contain;
  184. 	margin:0 3px;
  185. 	border:0;
  186. 	width:24px;
  187. 	height:24px;
  188. 	background-color:#1da71d;
  189. }
  190. .navigation-bar .forward-backward .forward:hover,.navigation-bar .forward-backward .forward:focus {
  191. 	
  192. }
  193. .flipy-x {
  194. 	-moz-transform:scaleY(-1);
  195. 	-webkit-transform:scaleY(-1);
  196. 	-o-transform:scaleY(-1);
  197. 	transform:scaleY(-1);
  198. 	filter:FlipV;
  199. }
  200. .flipy-y {
  201. 	
  202. 	filter:FlipH;
  203. }
  204. .folder-navigation a{ color:#5d5d5d}
  205. .navigation-bar{
  206.     border-bottom: solid 1px #eee;
  207.     margin-bottom: 15px;
  208. }

folder.js(大部分没用上，只有绑定菜单用到了)

  1. //定义双向链表存放浏览历史
  2. var operation_history = new DbList({
  3.         "parent_id": "-1",
  4.         "is_active": false
  5.     }),
  6.     timeOutFn = null,
  7.     is_ctrl_down = false,
  8.     is_shift_down = false,
  9.     focus_index = -1;
  10. /*mode:1->复制  2->剪切
  11.  * id:被复制或剪切的文件或文件夹的id
  12.  * parent_id:被复制文件的上级目录id
  13.  * can_paste:false->不能黏贴 true->能黏贴
  14.  * */
  15. oprate_param = {
  16.     "mode": "",
  17.     "id": "",
  18.     "parent_id": "",
  19.     "can_paste": false
  20. };
  21.  
  22. function init(parent_id, mode) {
  23.     //初始化导航栏
  24.     //navigation(parent_id);
  25.     //将当前页面插入历史记录链表里面
  26.     /*mode
  27.      *0:初始化进入页面
  28.      *1:新建文件夹
  29.      *2:删除文件夹或文件
  30.      *3:刷新当前文件夹
  31.      *4:将当前目录下的文件夹和文件排序
  32.      *5:上传文件
  33.      *6:打开文件夹
  34.      *7:点击后退按钮
  35.      *8:点击前进按钮
  36.      *9:点击主页
  37.      *10:返回上一层目录
  38.      *11:点击地址栏
  39.      *
  40.      */
  41.     if (mode == 0) {
  42.         operation_history.insertLast({
  43.             "parent_id": parent_id,
  44.             "is_active": true
  45.         });
  46.     } else if (mode == 1) {
  47.         //新建文件夹不插入历史记录
  48.     } else if (mode == 2) {
  49.         //删除文件夹或文件不会改变历史记录
  50.     } else if (mode == 3) {
  51.         //刷新当前文件夹不插入历史记录
  52.     } else if (mode == 4) {
  53.         //排序不插入历史记录
  54.     } else if (mode == 5) {
  55.         //上传文件现在会重新进入页面，这个之后改
  56.     } else if (mode == 6) {
  57.         //打开文件夹会删除父目录(也就是当前激活的目录)往后的所有记录，再插入新的子目录记录
  58.         var currNode = find_active_node();
  59.         operation_history.removeAfter(currNode);
  60.         currNode.element.is_active = false;
  61.         operation_history.insertLast({
  62.             "parent_id": parent_id,
  63.             "is_active": true
  64.         });
  65.     } else if (mode == 7) {
  66.         var currNode = find_active_node();
  67.         currNode.element.is_active = false;
  68.         currNode.previous.element.is_active = true;
  69.     } else if (mode == 8) {
  70.         var currNode = find_active_node();
  71.         currNode.element.is_active = false;
  72.         currNode.next.element.is_active = true;
  73.     } else if (mode == 9) {
  74.         //返回主页会删除父目录(也就是当前激活的目录)往后的所有记录，再插入新的子目录(主页)记录
  75.         var currNode = find_active_node();
  76.         operation_history.removeAfter(currNode);
  77.         currNode.element.is_active = false;
  78.         operation_history.insertLast({
  79.             "parent_id": parent_id,
  80.             "is_active": true
  81.         });
  82.     } else if (mode == 10) {
  83.         //返回上级目录会删除父目录(也就是当前激活的目录)往后的所有记录，再插入新的子目录(上级目录)记录
  84.         var currNode = find_active_node();
  85.         operation_history.removeAfter(currNode);
  86.         currNode.element.is_active = false;
  87.         operation_history.insertLast({
  88.             "parent_id": parent_id,
  89.             "is_active": true
  90.         });
  91.     } else if (mode == 11) {
  92.         //点击地址栏仅仅往历史记录里面加一条记录,如果链表里面最后一条记录
  93.         //与将要添加的相同则不添加记录而是把最后一条记录设为激活状态
  94.         var currNode = find_active_node(),
  95.             lastNode = operation_history.findLast();
  96.         currNode.element.is_active = false;
  97.         if (lastNode.element.parent_id == parent_id) {
  98.             lastNode.element.is_active = true;
  99.         } else {
  100.             operation_history.insertLast({
  101.                 "parent_id": parent_id,
  102.                 "is_active": true
  103.             });
  104.         }
  105.     }
  106.     //载入文件夹
  107.     //load();
  108.     //载入信息栏   第一个参数->  1:展示文件夹的记录数   2:展示选中的文件信息  3:展示选中的文件夹数目
  109.     //       第二个参数-> 展示的文件的id
  110.     info(1, 0);    
  111.     //绑定右键菜单
  112.     contextMenu();
  113.     //绑定左键事件
  114.     leftClick();
  115.     //绑定获取焦点事件
  116.     //focus();
  117.     //绑定失去焦点事件
  118.     //blur();
  119.     //定义文件名更改事件
  120.    // change();
  121.     //定义双击事件
  122.     dbclick();
  123.     //定义键盘按键按下事件
  124.     //keydown();
  125.     //定义键盘按键弹起事件
  126.     //keyup();
  127.     //将元素绑定拖拽方法--还没开发完
  128.     //drag();
  129. }
  130.  
  131. //在历史记录中找到当前的节点
  132. function find_active_node() {
  133.     var currNode = operation_history.getHead();
  134.     while (currNode.element.is_active != true) {
  135.         currNode = currNode.next;
  136.     }
  137.     return currNode;
  138. }
  139.  
  140. function contextMenu() {
  141.     contextMenu_folder();
  142.     contextMenu_blank();
  143.     contextMenu_file();
  144. }
  145.  
  146. function contextMenu_folder() {
  147.     $("#divall li.folder").contextMenu('myMenu2', {
  148.         bindings: {
  149.             'open': function(t) {
  150.             	openFile(t);
  151.             },
  152.             'rename': function(t) {
  153.                 //重命名
  154.                 var folder = $(t).children("input.changename"),
  155.                     folder_name = folder.val(),
  156.                     id = folder.attr("data-id"),
  157.                     is_directory = $(t).hasClass("folder") ? 1 : 0;
  158.                 doc_type = $(t).hasClass("folder") ? "" : folder.attr("data-filetype"),
  159.                     parent_id = $("#navigation").val(),
  160.                     params = {
  161.                         "folder_name": folder_name,
  162.                         "id": id,
  163.                         "is_directory": is_directory,
  164.                         "doc_type": doc_type,
  165.                         "parent_id": parent_id,
  166.                         "description": ""
  167.                     };
  168.                 K.form.setparams($("#M8610F001"), params);
  169.                 K.popup($("#M8610P001"));
  170.             },
  171.             'delete': function(t) {
  172.                 //删除文件夹
  173.                 var id = $(t).children("input.changename").attr("data-id"),
  174.                     is_directory = $(t).hasClass("folder") ? 1 : 0,
  175.                     params = {
  176.                         "id": id,
  177.                         "is_directory": is_directory
  178.                     };
  179.                 dele(params);
  180.             },
  181.             'download': function(t) {
  182.                 //将文件夹打包下载
  183.                 var folder = $(t).children("input.changename"),
  184.                     id = folder.attr("data-id"),
  185.                     is_directory = $(t).hasClass("folder") ? 1 : 0,
  186.                     folder_name = folder.val(),
  187.                     parent_id = $("#navigation").val(),
  188.                     params = {
  189.                         "id": id,
  190.                         "is_directory": is_directory,
  191.                         "folder_name": folder_name,
  192.                         "parent_id": parent_id
  193.                     };
  194.                   downFTPFile(params);
  195.                // Tools.alert("下载成功!");
  196.             }/*,
  197.             'copy': function(t) {
  198.                 //复制
  199.                 var focus_id = [];
  200.                 $("#divall").find("li").each(function(i) {
  201.                     if ($(this).hasClass("focus")) {
  202.                         focus_id.push($(this).children("input.changename").attr("data-id"));
  203.                     }
  204.                 });
  205.                 oprate_param.mode = 1;
  206.                 oprate_param.id = focus_id;
  207.                 oprate_param.parent_id = $("#navigation").val();
  208.                 oprate_param.can_paste = true;
  209.                 alert("copy了：" + focus_id);
  210.             },
  211.             'cut': function(t) {
  212.                 //剪切
  213.                 var focus_id = [];
  214.                 $("#divall").find("li").each(function(i) {
  215.                     if ($(this).hasClass("focus")) {
  216.                         focus_id.push($(this).children("input.changename").attr("data-id"));
  217.                     }
  218.                 });
  219.                 oprate_param.mode = 2;
  220.                 oprate_param.id = focus_id;
  221.                 oprate_param.parent_id = $("#navigation").val();
  222.                 oprate_param.can_paste = true;
  223.                 alert("cut了：" + focus_id);
  224.             },
  225.             'paste': function(t) {
  226.                 var folder = $(t).children("input.changename"),
  227.                     id = folder.attr("data-id");
  228.                 if (oprate_param.can_paste != true) {
  229.                     alert("剪切板中无内容!");
  230.                 } else {
  231.                     if (oprate_param.parent_id == id) {
  232.                         alert("文件已存在!");
  233.                     } else {
  234.                         //黏贴
  235.  
  236.                     }
  237.                 }
  238.             }*/
  239.         },
  240.         onContextMenu: function(e) {
  241.             var i_index = $(e.target).attr("index"),
  242.                 all_focus_index = [];
  243.             $("#divall").find("li").each(function(i) {
  244.                 if ($(this).hasClass("focus")) {
  245.                     all_focus_index.push($(this).attr("index"));
  246.                 }
  247.             });
  248.             if ($.inArray(i_index, all_focus_index) == -1) {
  249.                 $("#divall").find("li").each(function(i) {
  250.                     $(this).removeClass("focus");
  251.                 });
  252.                 $(e.target).addClass("focus");
  253.             }
  254.             return true;
  255.         }
  256.     });
  257. }
  258.  
  259. function contextMenu_file() {
  260.     $("#divall li.file").contextMenu('myMenu3', {
  261.         bindings: {
  262.             /*'rename': function(t) {
  263.                 //重命名
  264.                 var folder = $(t).children("input.changename"),
  265.                     folder_name = folder.val(),
  266.                     id = folder.attr("data-id"),
  267.                     is_directory = $(t).hasClass("folder") ? 1 : 0,
  268.                     doc_type = $(t).hasClass("folder") ? "" : folder.attr("data-filetype"),
  269.                     parent_id = $("#navigation").val(),
  270.                     params = {
  271.                         "folder_name": folder_name,
  272.                         "id": id,
  273.                         "is_directory": is_directory,
  274.                         "doc_type": doc_type,
  275.                         "parent_id": parent_id,
  276.                         "description": ""
  277.                     };
  278.                 K.form.setparams($("#M8610F001"), params);
  279.                 K.popup($("#M8610P001"));
  280.             },*/
  281.             /*'copy': function(t) {
  282.                 //复制
  283.                 var focus_id = [];
  284.                 $("#divall").find("li").each(function(i) {
  285.                     if ($(this).hasClass("focus")) {
  286.                         focus_id.push($(this).children("input.changename").attr("data-id"));
  287.                     }
  288.                 });
  289.                 oprate_param.mode = 1;
  290.                 oprate_param.id = focus_id;
  291.                 oprate_param.parent_id = $("#navigation").val();
  292.                 oprate_param.can_paste = true;
  293.                 alert("copy了：" + focus_id);
  294.             },
  295.             'cut': function(t) {
  296.                 //剪切
  297.                 var focus_id = [];
  298.                 $("#divall").find("li").each(function(i) {
  299.                     if ($(this).hasClass("focus")) {
  300.                         focus_id.push($(this).children("input.changename").attr("data-id"));
  301.                     }
  302.                 });
  303.                 oprate_param.mode = 2;
  304.                 oprate_param.id = focus_id;
  305.                 oprate_param.parent_id = $("#navigation").val();
  306.                 oprate_param.can_paste = true;
  307.                 alert("cut了：" + focus_id);
  308.             },*/
  309.             'delete': function(t) {
  310.                 //删除单个文件
  311.                 var id = $(t).children("input.changename").attr("data-id"),
  312.                     is_directory = $(t).hasClass("folder") ? 1 : 0,
  313.                     params = {
  314.                         "id": id,
  315.                         "is_directory": is_directory
  316.                     };
  317.                 dele(params);
  318.             },
  319.             'download': function(t) {
  320.                 //下载单个文件
  321.                 var folder = $(t).children("input.changename"),
  322.                     id = folder.attr("data-id"),
  323.                     is_directory = $(t).hasClass("folder") ? 1 : 0,
  324.                     folder_name = folder.val() //+ "." + folder.attr("data-filetype"),
  325.                     parent_id = $("#navigation").val(),
  326.                     params = {
  327.                         "id": id,
  328.                         "is_directory": is_directory,
  329.                         "folder_name": folder_name,
  330.                         "parent_id": parent_id
  331.                     };
  332.                 downFTPFile(params);
  333.                // Tools.alert("下载成功!");
  334.             }
  335.         },
  336.         onContextMenu: function(e) {
  337.             var i_index = $(e.target).attr("index"),
  338.                 all_focus_index = [];
  339.             $("#divall").find("li").each(function(i) {
  340.                 if ($(this).hasClass("focus")) {
  341.                     all_focus_index.push($(this).attr("index"));
  342.                 }
  343.             });
  344.             if ($.inArray(i_index, all_focus_index) == -1) {
  345.                 $("#divall").find("li").each(function(i) {
  346.                     $(this).removeClass("focus");
  347.                 });
  348.                 $(e.target).addClass("focus");
  349.             }
  350.             return true;
  351.         }
  352.     });
  353. }
  354.  
  355. function contextMenu_blank() {
  356.     $("#all_folder").contextMenu('myMenu1', {
  357.         bindings: {
  358.             'newfolder': function(t) {
  359.                 //获取新文件夹的名称
  360.                 var folder_names = [],
  361.                     newfolder_name = "";
  362.                 $("#all_folder").find("ul").eq(0).find("li.folder").each(function(index) {
  363.                     folder_names.push($(this).children("input.changename").val());
  364.                 });
  365.                 for (var i = 0; i < 100; i++) {
  366.                     if (i == 0) {
  367.                         newfolder_name = "新文件夹";
  368.                     } else {
  369.                         newfolder_name = "新文件夹[" + i + "]";
  370.                     }
  371.                     if ($.inArray(newfolder_name, folder_names) == -1) {
  372.                         break;
  373.                     };
  374.                 }
  375.                 //调用新增文件夹代码
  376.                 var params = {
  377.                     "id": $("#navigation").val(),
  378.                     "discription": "",
  379.                     "folder_name": newfolder_name
  380.                 };
  381.                 var flag = add_folder(params);
  382.                 if (flag) {     			
  383.                     init($("#navigation").val(), 1);
  384.                 }
  385.             },
  386.             /*'paste': function(t) {
  387.                 //黏贴
  388.                 var parent_id = $("#navigation").val();
  389.                 if (oprate_param.can_paste != true) {
  390.                     Tools.alert("无黏贴内容");
  391.                 } else {
  392.                     if (oprate_param.parent_id == parent_id) {
  393.                         Tools.alert("文件已存在!");
  394.                         paste(oprate_param);
  395.                     } else {
  396.                         Tools.alert("正在黏贴");
  397.                         paste(oprate_param);
  398.                     }
  399.                 }
  400.                 //oprate_param.can_paste = false;
  401.                 //init($("#navigation").val(),3);				
  402.             },*/
  403.             'flush': function(t) {
  404.                 //刷新
  405.                 init($("#navigation").val(), 3);
  406.             },
  407.             'sort': function(t) {
  408.                 init($("#navigation").val(), 4);
  409.             },
  410.             'upload': function(t) {
  411.                 //上传文件
  412.                 var $M8610F002 = $("#M8610F002");
  413.                 K.form.reset($M8610F002);
  414.                 K.field.value($('#upload_id'), $("#navigation").val());
  415.                 K.popup($("#M8610P002"));
  416.             }
  417.         }
  418.     });
  419. }
  420.  
  421. //加载文件夹和文件
  422. function load() {
  423.     var parentid = $("#navigation").val(),
  424.     	rows = select("M8610EQ006",{"id":parentid});
  425.     $("#divall").empty();
  426.     if(rows.length > 0){
  427. 		var str = "";
  428. 		for(var i = 0; i < rows.length; i++){
  429. 			if(rows[i].is_directory == "1"){
  430.                 str += "<li class='folder' title='" + rows[i].folder_name + "' index='" + i + "'><input type='text' class='changename' value='";
  431.                 str += rows[i].folder_name;
  432.                 str += "' data-id='" + rows[i].id + "' disabled='disabled' data-last-value='" + rows[i].folder_name + "'/></li>";
  433.             }else if(rows[i].is_directory == "0"){
  434.                 var doc_fullname = rows[i].folder_name,
  435.                     doc_name = doc_fullname.substring(0, doc_fullname.lastIndexOf('.')),
  436.                     doc_type = doc_fullname.substring(doc_fullname.lastIndexOf('.') + 1),
  437.                     doc_type_class = $.inArray(doc_type, ["doc", "docx", "xls", "xlsx", "pdf"]) != -1 ? doc_type : "other-filetype";
  438.                 str += "<li class='file " + doc_type_class + "' title='" + rows[i].folder_name + "' index='" + i + "'><input type='text' class='changename' value='";
  439.                 str += doc_name;
  440.                 str += "' data-id='" + rows[i].id + "' data-filetype='" + doc_type + "' disabled='disabled' data-last-value='" + rows[i].folder_name + "'/></li>";
  441.             }
  442. 		}
  443. 		$("#divall").append(str);
  444.     }
  445. }
  446.  
  447. function info(mode, id) {
  448.     var str = "";
  449.     if (mode == 1) { //展示目录下的对象数目
  450.         $("#info-bar").empty();
  451.         str += '<div class="folder info-icon"></div>';
  452.         str += '<div class="info-detail"><form class="detail-form"><div class="detail-field detail-field2" ><span><var class="detail-var">';
  453.         str += $("#divall").children("li").length;
  454.         str += '</var>个对象</span></div>';
  455.         str += '</form></div>';
  456.         $("#info-bar").append(str);
  457.     } else if (mode == 2) {
  458.         $("#info-bar").empty();
  459.         var rows = select("M8610EQ008",{"id":id});
  460.         if(rows.length > 0){
  461.         	var row = rows[0],
  462.             	folder_name = row.folder_name,
  463.             	is_directory = row.is_directory,
  464.             	file_type = is_directory == "1" ? "" : folder_name.substring(folder_name.lastIndexOf('.') + 1),
  465.             	file_type_class = file_type == "" ? "folder" : ($.inArray(file_type, ["doc", "docx", "xls", "xlsx", "pdf"]) != -1 ? file_type : "other-filetype"),
  466.             	file_type_info = is_directory == "1" ? "文件夹" : folder_name.substring(folder_name.lastIndexOf('.') + 1) + "文件",
  467.             	crt_username = row.crt_username,
  468.             	upd_username = row.upd_username,
  469.             	crt_date = row.crt_date,
  470.             	crt_time = row.crt_time,
  471.             	upd_date = row.upd_date,
  472.             	upd_time = row.upd_time;
  473.         	str += '<div class="' + file_type_class + ' info-icon"></div><div class="info-detail"><form class="detail-form"><div class="detail-field" ><label>文件名:</label><span>';
  474.         	str += folder_name;
  475.         	str += '</span></div><div class="detail-field" ><label>创建人:</label><span>';
  476.         	str += crt_username != null ? crt_username : '';
  477.         	str += '</span></div><div class="detail-field" ><label>修改人:</label><span>';
  478.         	str += upd_username != null ? upd_username : '';
  479.         	str += '</span></div><div class="detail-field" ><label>文件类型:</label><span>';
  480.         	str += file_type_info;
  481.         	str += '</span></div><div class="detail-field" ><label>创建时间:</label><span>';
  482.         	str += crt_date != "" && crt_date != null ? crt_date.substring(0, 4) + '/' + crt_date.substring(4, 6) + "/" + crt_date.substring(6, 8) : "";
  483.         	str += crt_time != "" && crt_time != null ? "  " + crt_time.substring(0, 2) + ":" + crt_time.substring(2, 4) + ":" + crt_time.substring(4, 6) : "";
  484.         	str += '</span></div><div class="detail-field" ><label>修改时间:</label><span>';
  485.         	str += upd_date != "" && upd_date != null ? upd_date.substring(0, 4) + '/' + upd_date.substring(4, 6) + "/" + upd_date.substring(6, 8) : "";
  486.         	str += upd_time != "" && upd_time != null ? "  " + upd_time.substring(0, 2) + ":" + upd_time.substring(2, 4) + ":" + upd_time.substring(4, 6) : "";
  487.         	str += '</span></div></form></div>';
  488.         	$("#info-bar").append(str);
  489.         }
  490.     } else if (mode == 3) {
  491.         $("#info-bar").empty();
  492.         str += '<div class="folder info-icon"></div>';
  493.         str += '<div class="info-detail"><form class="detail-form"><div class="detail-field detail-field2" ><span>已选中<var class="detail-var">';
  494.         str += $("#divall").children("li.focus").length;
  495.         str += '</var>个对象</span></div>';
  496.         str += '</form></div>';
  497.         $("#info-bar").append(str);
  498.     }
  499. }
  500.  
  501. function navigation(parent_id) {
  502.     $("#navigation").val(parent_id);
  503.     //查询文件路径
  504.     var id = parent_id,
  505.         flag = true,
  506.         path = [],
  507.         str = "";
  508.     do {
  509.     	var rows = select("M8610EQ005",{"id":id});
  510.     	if(rows.length > 0){
  511.     		var row = rows[0];
  512.     		if(row.parent_id != 0){
  513.     			path.unshift({
  514.                     "folder_name": row.folder_name,
  515.                     "parent_id": id
  516.                 });
  517.                 id = row.parent_id;
  518.     		}else{
  519.     			flag = false;
  520.                 path.unshift({
  521.                     "folder_name": row.folder_name,
  522.                     "parent_id": id
  523.                 });
  524.     		}
  525.     	}
  526.     } while (flag);
  527.     $("#folder-navigation").empty();
  528.     for (var i = 0; i < path.length; i++) {
  529.         str += '<a class="foldername" data-id="' + path[i].parent_id + '">' + path[i].folder_name + '</a>';
  530.         if (i != path.length - 1) {
  531.             str += '<img class="triangle" src="images/triangle.png"/>';
  532.         }
  533.     }
  534.     $("#folder-navigation").append(str);
  535. }
  536.  
  537. function paste(param) {
  538.     Util.ajaxRequest({
  539.         url: "pasteDocManage.json",
  540.         params: param,
  541.         async: false,
  542.         afterSuccess: function(json) {
  543.             alert(3);
  544.             var msg = json.returnmsg;
  545.             var success = json.success;
  546.             if (success == false) {
  547.                 if (msg == "windows") {
  548.                     Tools.alert("请检查windows的文档上传路径配置是否正确！");
  549.                 }
  550.             }
  551.             if (success == true) {
  552.  
  553.             }
  554.             return false;
  555.         }
  556.     }, false);
  557. }
  558.  
  559. function drag() {
  560.     $("#divall li").each(function(i) {
  561.         //$(".item_content .item").each(function(i) {	
  562.         this.init = function() { // 初始化
  563.                 this.box = $(this);
  564.                 console.log("left: " + this.box.offset().left + " top: " + this.box.offset().top);
  565.                 $(this).attr("index", i);
  566.                 /*.css({
  567.                 				position : "absolute",
  568.                 				left : this.box.offset().left,
  569.                 				top : this.box.offset().top
  570.                 			}).appendTo("#divall")*/
  571.                 this.drag();
  572.             },
  573.             this.move = function(callback) { // 移动
  574.                 $(this).stop(true).animate({
  575.                     left: this.box.offset().left,
  576.                     top: this.box.offset().top
  577.                 }, 500, function() {
  578.                     if (callback) {
  579.                         callback.call(this);
  580.                     }
  581.                 });
  582.             },
  583.             this.collisionCheck = function() {
  584.                 var currentItem = this;
  585.                 var direction = null;
  586.                 $(this).siblings(".item").each(function() {
  587.                     if (
  588.                         currentItem.pointer.x > this.box.offset().left &&
  589.                         currentItem.pointer.y > this.box.offset().top &&
  590.                         (currentItem.pointer.x < this.box.offset().left + this.box.width()) &&
  591.                         (currentItem.pointer.y < this.box.offset().top + this.box.height())
  592.                     ) {
  593.                         // 返回对象和方向
  594.                         if (currentItem.box.offset().top < this.box.offset().top) {
  595.                             direction = "down";
  596.                         } else if (currentItem.box.offset().top > this.box.offset().top) {
  597.                             direction = "up";
  598.                         } else {
  599.                             direction = "normal";
  600.                         }
  601.                         this.swap(currentItem, direction);
  602.                     }
  603.                 });
  604.             },
  605.             this.swap = function(currentItem, direction) { // 交换位置
  606.                 if (this.moveing) return false;
  607.                 var directions = {
  608.                     normal: function() {
  609.                         var saveBox = this.box;
  610.                         this.box = currentItem.box;
  611.                         currentItem.box = saveBox;
  612.                         this.move();
  613.                         $(this).attr("index", this.box.index());
  614.                         $(currentItem).attr("index", currentItem.box.index());
  615.                     },
  616.                     down: function() {
  617.                         // 移到上方
  618.                         var box = this.box;
  619.                         var node = this;
  620.                         var startIndex = currentItem.box.index();
  621.                         var endIndex = node.box.index();;
  622.                         for (var i = endIndex; i > startIndex; i--) {
  623.                             var prevNode = $(".item_container .item[index=" + (i - 1) + "]")[0];
  624.                             node.box = prevNode.box;
  625.                             $(node).attr("index", node.box.index());
  626.                             node.move();
  627.                             node = prevNode;
  628.                         }
  629.                         currentItem.box = box;
  630.                         $(currentItem).attr("index", box.index());
  631.                     },
  632.                     up: function() {
  633.                         // 移到上方
  634.                         var box = this.box;
  635.                         var node = this;
  636.                         var startIndex = node.box.index();
  637.                         var endIndex = currentItem.box.index();;
  638.                         for (var i = startIndex; i < endIndex; i++) {
  639.                             var nextNode = $(".item_container .item[index=" + (i + 1) + "]")[0];
  640.                             node.box = nextNode.box;
  641.                             $(node).attr("index", node.box.index());
  642.                             node.move();
  643.                             node = nextNode;
  644.                         }
  645.                         currentItem.box = box;
  646.                         $(currentItem).attr("index", box.index());
  647.                     }
  648.                 };
  649.                 directions[direction].call(this);
  650.             },
  651.             this.drag = function() { // 拖拽
  652.                 var oldPosition = new Position();
  653.                 var oldPointer = new Pointer();
  654.                 var isDrag = false;
  655.                 var currentItem = null;
  656.                 $(this).mousedown(function(e) {
  657.                     e.preventDefault();
  658.                     oldPosition.left = this.box.offset().left;
  659.  
  660.                     oldPosition.top = this.box.offset().top;
  661.                     console.log("oldleft" + oldPosition.left + "oldtop" + oldPosition.top);
  662.                     oldPointer.x = e.clientX;
  663.                     oldPointer.y = e.clientY;
  664.                     isDrag = true;
  665.  
  666.                     currentItem = this;
  667.  
  668.                 });
  669.                 /*$(document).mousemove(function(e) {
  670.                 	var currentPointer = new Pointer(e.clientX, e.clientY) ;
  671.                 	if(!isDrag) return false ;
  672.                 	$(currentItem).css({
  673.                 		"opacity" : "0.8",
  674.                 		"z-index" : 999
  675.                 	}) ;
  676.                 	var left = currentPointer.x - oldPointer.x + oldPosition.left ;
  677.                 	var top = currentPointer.y - oldPointer.y + oldPosition.top ;
  678.                 	$(currentItem).css({
  679.                 		left : left,
  680.                 		top : top
  681.                 	}) ;
  682.                 	currentItem.pointer = currentPointer ;
  683.                 	// 开始交换位置
  684.                 	
  685.                 	//currentItem.collisionCheck() ;
  686.                 	
  687.                 	
  688.                 }) ;
  689.                 $(document).mouseup(function() {
  690.                 	if(!isDrag) return false ;
  691.                 	isDrag = false ;
  692.                 	currentItem.move(function() {
  693.                 		$(this).css({
  694.                 			"opacity" : "1",
  695.                 			"z-index" : 0
  696.                 		}) ;
  697.                 	}) ;
  698.                 }) ;*/
  699.             };
  700.         this.init();
  701.     });
  702. }
  703.  
  704. function leftClick() {
  705.     //点击文件夹
  706.     $("#divall li").click(function(event) {
  707.         var $this = $(this),
  708.             folder_name = $this.children("input.changename"),
  709.             index = $this.attr("index");
  710.         if (is_ctrl_down == true && is_shift_down == false) { //按下ctrl			
  711.             event.stopPropagation();
  712.             focus_index = index;
  713.             $("#divall").find("li").each(function(index) {
  714.                 $(this).children("input.changename").attr("disabled", "disabled");
  715.             });
  716.             if ($this.hasClass("focus")) {
  717.                 $this.removeClass("focus");
  718.             } else {
  719.                 $this.addClass("focus");
  720.             }
  721.             info(3, 0);
  722.         } else if (is_ctrl_down == false && is_shift_down == true) { //按下shift
  723.             event.stopPropagation();
  724.             if (focus_index == -1) {
  725.                 focus_index = index;
  726.                 $this.addClass("focus");
  727.             } else {
  728.                 var index_min = Math.min(index, focus_index),
  729.                     index_max = Math.max(index, focus_index);
  730.                 $("#divall").find("li").each(function(i) {
  731.                     var i_index = $(this).attr("index");
  732.                     $(this).removeClass("focus");
  733.                     $(this).children("input.changename").attr("disabled", "disabled");
  734.                     if (i_index >= index_min && i_index <= index_max) {
  735.                         $(this).addClass("focus");
  736.                     }
  737.                 });
  738.             }
  739.             info(3, 0);
  740.         } else {
  741.             event.stopPropagation();
  742.             $("#divall").find("li").each(function(index) {
  743.                 $(this).removeClass("focus");
  744.                 $(this).children("input.changename").attr("disabled", "disabled");
  745.             });
  746.             $this.addClass("focus");
  747.             focus_index = index;
  748.             clearTimeout(timeOutFn);
  749.             timeOutFn = setTimeout(function() {
  750.                 folder_name.removeAttr("disabled");
  751.                 info(2, folder_name.attr("data-id"));
  752.             }, 300);
  753.         }
  754.  
  755.     });
  756.     //点击文件名称
  757.     /*$("#divall li input.changename").click(function(event) {
  758.         if (is_ctrl_down == false) { //没有按下ctrl
  759.             event.stopPropagation();
  760.             console.log("input click");
  761.         }
  762.  
  763.     });*/
  764.     //点击空白的地方
  765.     $("#all_folder").click(function() {
  766.         console.log("blank click");
  767.         $("#divall").find("li").each(function(index) {
  768.             $(this).removeClass("focus");
  769.             $(this).children("input.changename").attr("disabled", "disabled");
  770.         });
  771.         info(1, 0);
  772.     });
  773.     //点击后退按钮
  774.     $("button.backward").off("click").click(function() {
  775.         console.log("backward click");
  776.         var currNode = find_active_node();
  777.         if (currNode.previous.previous != null) {
  778.             var preNode = currNode.previous,
  779.                 parent_id = preNode.element.parent_id;
  780.             init(parent_id, 7);
  781.         }
  782.     });
  783.     //点击前进按钮
  784.     $("button.forward").off("click").click(function() {
  785.         console.log("forward click");
  786.         var currNode = find_active_node();
  787.         if (currNode.next != null) {
  788.             var nextNode = currNode.next,
  789.                 parent_id = nextNode.element.parent_id;
  790.             init(parent_id, 8);
  791.         }
  792.     });
  793.     //点击主页按钮
  794.     $("button.home").off("click").click(function() {
  795.         console.log("home click");
  796.         if ($("#navigation").val() != 1) {
  797.             init(1, 9);
  798.         }
  799.     });
  800.     //点击返回上级目录
  801.     $("button.gotopre").off("click").click(function() {
  802.         console.log("gotopre click");
  803.         if ($("#navigation").val() != 1) {
  804.             //查询上级目录的parent_id
  805.         	var rows = select("M8610EQ005",{"id": $("#navigation").val()});
  806.         	if(rows.length > 0){
  807.         		var parent_id = rows[0].parent_id;
  808.                 if (parent_id != 0) {
  809.                     init(parent_id, 10);
  810.                 }
  811.         	}
  812.         }
  813.     });
  814.     //点击地址栏地址
  815.     $("a.foldername").off("click").click(function() {
  816.         var parent_id = $(this).attr("data-id");
  817.         if ($("#navigation").val() != parent_id) {
  818.             init(parent_id, 11);
  819.         }
  820.     });
  821. }
  822.  
  823. function focus() {
  824.     $("#divall li input.changename").focus(function() {
  825.         console.log("input focus");
  826.     });
  827.  
  828.     $("#divall li").focus(function() {
  829.         console.log("li focus");
  830.     });
  831. }
  832.  
  833. function blur() {
  834.     $("#divall li").blur(function() {
  835.         console.log("li blur");
  836.     });
  837.  
  838.     $("#divall li input.changename").blur(function() {
  839.         console.log("input blur");
  840.         $(this).attr("disabled", "disabled");
  841.     });
  842.  
  843. }
  844.  
  845. function change() {
  846.     $("#divall li input.changename").change(function() {
  847.         console.log("input change");
  848.         var folder = $(this).parent("li"),
  849.             data_last_value = $(this).attr("data-last-value"),
  850.             folder_name = $(this).val(),
  851.             id = $(this).attr("data-id"),
  852.             is_directory = folder.hasClass("folder") ? 1 : 0,
  853.             doc_type = folder.hasClass("folder") ? "" : $(this).attr("data-filetype"),
  854.             parent_id = $("#navigation").val(),
  855.             params = {
  856.                 "folder_name": folder_name,
  857.                 "id": id,
  858.                 "is_directory": is_directory,
  859.                 "doc_type": doc_type,
  860.                 "parent_id": parent_id,
  861.                 "description": ""
  862.             };
  863.         if (update_folder_name(params)) {
  864.             $(this).attr("data-last-value", folder_name);
  865.             info(2, $(this).attr("data-id"));
  866.         } else {
  867.             $(this).val(data_last_value);
  868.         }
  869.     });
  870. }
  871.  
  872. function dbclick() {
  873.    /* $("#divall li.folder").dblclick(function() {
  874.         clearTimeout(timeOutFn);
  875.         console.log("li dblclick");
  876.         var folder = $(this).children("input.changename");
  877.         init(folder.attr("data-id"), 6);
  878.     });*/
  879. }
  880.  
  881. function keydown() {
  882.     $(document).keydown(function(event) {
  883.         if (event.which == '17') {
  884.             is_ctrl_down = true;
  885.         } else if (event.which == '16') {
  886.             is_shift_down = true;
  887.         }
  888.     });
  889. }
  890.  
  891. function keyup() {
  892.     $(document).keyup(function(event) {
  893.         if (event.which == '17') {
  894.             is_ctrl_down = false;
  895.         } else if (event.which == '16') {
  896.             is_shift_down = false;
  897.         }
  898.     });
  899. }
  900.  
  901. //新增目录
  902. var add_folder = function(params) {
  903.     var flag = false;
  904.     if (!testFolderName(params.folder_name)) {
  905.         Tools.alert("文件夹名不能包括\\\/:*?\"<>|等特殊符号");
  906.         return flag;
  907.     }
  908.     if (judgeDocExist(params.id, params.folder_name)) {
  909.         Tools.alert("该目录已存在，不能添加");
  910.         return flag;
  911.     }
  912.     var param = {
  913.         description: params.description,
  914.         folder_name: params.folder_name,
  915.         is_directory: 1,
  916.         parent_id: params.id,
  917.         port_level: 1,
  918.         username: "semitree",
  919.         date: new Date().Format("yyyyMMdd"),
  920.         time: new Date().Format("hhmmss")
  921.     };
  922.     insert("M8610ES001",param);
  923.     return true;
  924. };
  927. //修改文件名称
  928. var update_folder_name = function(params) {
  929.     var folder_name = "",
  930.         flag = false;
  931.     if (params.is_directory == 1) {
  932.         folder_name = params.folder_name;
  933.     } else {
  934.         folder_name = params.folder_name + '.' + params.doc_type;
  935.     }
  936.     if (!testFolderName(params.folder_name)) {
  937.         Tools.alert("文件名不能包括\\\/:*?\"<>|等特殊符号");
  938.         return flag;
  939.     }
  940.     if (judgeDocUpdate(params.id, folder_name)) {
  941.         Tools.alert("该目录/文档已存在，请重新输入!");
  942.         return flag;
  943.     }
  944.     var current_date = new Date(),
  945.     	date = current_date.Format("yyyyMMdd"),
  946.     	time = current_date.Format("hhmmss");
  947.     update("M8610EU001",{"description":params.description,
  948.     					"folder_name":params.folder_name,
  949.     					"username":"semitree",
  950.     					"date":date,
  951.     					"time":time,
  952.     					"id":params.id
  953.     					});    
  954.     flag = true;
  955.    // K.popup.close($("#M8610P001"));
  956.     //修改文件名
  957.     $("#divall").find("input[data-id=" + params.id + "]").val(params.folder_name);
  958.     return flag;
  959. };
  960.  
  961. //上传文档
  962. var uploadFile = function(params) {
  963.     var $need_appendix = $('#M8610F002').find('input[name=need_appendix]'),
  964.     	fileList = $need_appendix.get(0).files,
  965.     	fileNameWithSuffixList = [],
  966.     	fileNameList = [];
  967.     		
  968.     $.each(fileList,function(index,file){
  969.     	var name = file.name;
  970.     	fileNameWithSuffixList.push(name);
  971.     	fileNameList.push(name.substring(0, name.lastIndexOf('.')));
  972.     });
  973.     if(fileNameWithSuffixList.length == 0){
  974.     	$.pt({
  975.     		target: $need_appendix,
  976.     		position: 'r',
  977.     		align: 't',
  978.     		width: 'auto',
  979.     		height: 'auto',
  980.     		content:"请先选择文件"
  981.     	});
  982.     	return;
  983.     }else{
  984.     	$.each(fileNameList,function(index,fileName){
  985.     		//文件名真实长度不能超过100
  986.             var blen = 0;
  987.             for (var i = 0; i < fileName.length; i++) {
  988.                 if ((fileName.charCodeAt(i) & 0xff00) != 0) {
  989.                     blen++;
  990.                 }
  991.                 blen++;
  992.             }
  993.             if (blen > 100) {
  994.             	$.pt({
  995.             		target: $need_appendix,
  996.             		position: 'r',
  997.             		align: 't',
  998.             		width: 'auto',
  999.             		height: 'auto',
  1000.             		content:"文件名过长!(支持50个中文或100个英文)"
  1001.             	});
  1002.             	console.log("文件名过长!(支持50个中文或100个英文)");
  1003.                 return false;
  1004.             }
  1005.     	});
  1006.     	$.each(fileNameWithSuffixList,function(index,docName){
  1007.     		var param = {
  1008.     				description: "",
  1009.     		        folder_name: docName,
  1010.     		        is_directory: 0,
  1011.     		        parent_id: params.id,
  1012.     		        port_level: 1,
  1013.     		        username: "semitree",
  1014.     		        date: new Date().Format("yyyyMMdd"),
  1015.     		        time: new Date().Format("hhmmss")
  1016.     		};
  1017.     		insert("M8610ES001",param);
  1018.     	});
  1019.     }
  1020.     init($("#navigation").val(), 1);
  1021.     K.popup.close($("#M8610P002"));
  1022.     return true;
  1023. };
  1024.  
  1025. var dele = function(params) {
  1026.     //查询该目录下是否存在子目录/文档
  1027. 	var rows = select("M8610EQ004",{"id":params.id}),
  1028. 		desc = rows.length > 0 ? "删除整个文件夹(包含所有子目录和子文档)?" : "确认删除?";
  1029. 	Tools.confirm(desc, function(ok) {
  1030.         if (ok) {
  1031.             deleteDoc(params);
  1032.             init($("#navigation").val(), 2);
  1033.         }
  1034.     });
  1035. };
  1036.  
  1037. //删除文档或目录
  1038. var deleteDoc = function(params) {
  1039. 	var is_directory = params.is_directory,
  1040. 		id = params.id;
  1041. 	if(is_directory == 0){//删除单个文件
  1042. 		del("M8610ED001",{"id":id});
  1043. 	}else{//删除文件夹
  1044. 		//递归删除文件夹下所有的子文件和文件夹
  1045. 		var rows = select("M8610EQ006",{"id":id});
  1046. 		if(rows.length > 0){
  1047. 			for(var i = 0; i < rows.length; i++){
  1048. 				deleteDoc(rows[i]);
  1049. 			}			
  1050. 		}
  1051. 		del("M8610ED001",{"id":id});
  1052. 	}	
  1053. };
  1054.  
  1055. //打包下载文件夹或文件
  1056. var download = function(params) {
  1057.     var $M8610F003 = $("#M8610F003");
  1058.     K.form.reset($M8610F003);
  1059.     K.field.value($('#_id'), params.id);
  1060.     K.field.value($('#p_id'), params.parent_id);
  1061.     K.field.value($('#f_name'), params.folder_name);
  1062.     K.field.value($('#i_directory'), params.is_directory);
  1063.     if (params.is_directory == 1) {
  1064.         Tools.confirm("是否打包下载整个文件夹?(可能需要较长时间，请耐心等待)", function(ok) {
  1065.             if (ok) {
  1066.                 //判断所下载的目录是否为空
  1067.                 Util.ajaxRequest({
  1068.                     url: "directoryIsNull.json",
  1069.                     params: params,
  1070.                     async: false,
  1071.                     afterSuccess: function(json) {
  1072.                         var msg = json.returnmsg;
  1073.                         if (msg == "目录为空") {
  1074.                             Tools.alert("请不要下载空目录");
  1075.                         }
  1076.                         if (msg == "目录不为空") {
  1077.                             K.submit($('#M8610F003'), null, true);
  1078.                         }
  1079.                         return false;
  1080.                     }
  1081.                 }, false);
  1082.             }
  1083.         });
  1084.     } else {
  1085.         K.submit($('#M8610F003'), null, true);
  1086.     }
  1087. };
  1088.  
  1089. var testFolderName = function(folderName) {
  1090.     var reg = new RegExp('^[^\\\\\\/:*?\\"<>|]+$');
  1091.     return reg.test(folderName);
  1092. };
  1093.  
  1094. //同一父目录下不能有同名目录或同名文档
  1095. function judgeDocUpdate(id, name) {
  1096.     var pd = false;
  1097.     /*var rows = select("M8610EQ002",{"id":id,"folder_name":name});
  1098.     if(rows.length > 0){
  1099.     	if (rows[0].count > 0) {
  1100.             pd = true;
  1101.         } else {
  1102.             pd = false;
  1103.         }
  1104.     }*/
  1105.     return pd;
  1106. };
  1107.  
  1108. //新增目录、上传文档时校验同目录下是否有同名目录/文档
  1109. function judgeDocExist(id, folder_name) {
  1110.     var pd = false;
  1111.     /*var rows = select("M8610EQ003",{"id":id,"folder_name":folder_name});
  1112.     if(rows.length > 0){
  1113.     	if (rows[0].count > 0) {
  1114.             pd = true;
  1115.         } else {
  1116.             pd = false;
  1117.         }
  1118.     }*/
  1119.     return pd;
  1120. }
  1121.  
  1122. //选择文件时动态加载信息框
  1123. function select_file(ele){
  1124. 	var $this = $(ele),
  1125. 		fileList = $this.get(0).files,
  1126. 		fileNameList = [],
  1127. 		fieldsetNameList = [];
  1128. 	//获取所有选择文件的文件名
  1129. 	for(var i = 0; i < fileList.length; i++){
  1130. 		fileNameList.push(fileList[i].name);
  1131. 	}
  1132. 	//获取所有已有的图片fieldset名
  1133. 	$("#M8610F002").children("fieldset.picture-fieldset").each(function(){
  1134. 		var $this = $(this),
  1135. 			$legend = $this.children("legend"),
  1136. 			legend_name = $legend.text();
  1137. 		fieldsetNameList.push(legend_name);
  1138. 	});
  1139. 	for(var index in fieldsetNameList){
  1140. 		if($.inArray(fieldsetNameList[index],fileNameList) == -1){
  1141. 			$("#M8610F002").find("legend.picture-legend:contains("+fieldsetNameList[index]+")").parent().remove();
  1142. 		}
  1143. 	}
  1144. 	var first = true;
  1145. 	$.each(fileNameList,function(index,fileName){		
  1146. 		if($.inArray(fileName,fieldsetNameList) == -1){
  1147. 			
  1148. 			//添加一个对应的fieldset
  1149. 			var html = "",checked = "";
  1150. 			if(first){
  1151. 				checked = "checked";
  1152. 			}
  1153. 			html += '<fieldset class="single-fieldset picture-fieldset">'+
  1154. 			'<legend class="picture-legend">'+fileName+'</legend>'+
  1155. 			'<input class="hide" name="picture_name" value="'+fileName+'">'+
  1156. 			'<div>'+
  1157. 				'<label class="my-label">标题:</label>'+
  1158. 				'<input class="my-input" type="text" name="picture_title" placeholder="请输入图片标题" maxlength="16"/>'+
  1159. 				'<input type="radio" '+checked+' name="cover" value="'+fileName+'">设为封面'+
  1160. 			'</div><div>'+
  1161. 				'<label class="my-textarea-label">描述:</label>'+
  1162. 				'<textarea class="my-textarea" name="picture_desc" placeholder="请输入图片描述" maxlength="100"></textarea>'+
  1163. 			'</div></fieldset>';
  1164. 			$("#M8610F002").append(html);
  1165. 			textarea_bind();
  1166. 			first = false;
  1167. 		}
  1168. 	});
  1169. 	//K.init($("#M8610F002"));
  1170. }
  1171.  
  1172. function textarea_bind(){
  1173. 	$("#M8610F002").find("textarea").each(function(index){
  1174. 		$(this).unbind('input').bind('input',function(){
  1175.     		var self =this,
  1176.     			maxLength = parseInt($(this).attr("maxlength")),
  1177.     			curLength = $(this).val().length,
  1178. 				span_html = "";
  1179.     		span_html += '<span><var class="word">'+(maxLength-curLength)+'</var>/'+maxLength+'</span>';
  1180.     		console.log(span_html);
  1181.         	$.pt({
  1182.         		target: self,
  1183.         		position: 'r',
  1184.         		align: 't',
  1185.         		width: 'auto',
  1186.         		height: 'auto',
  1187.         		content:span_html
  1188.         	});       		
  1189.     	});
  1190. 	});
  1191. }
  1192.  
  1193. /*
  1194.  * 定义拖动类
  1195.  */
  1196. function Pointer(x, y) {
  1197.     this.x = x;
  1198.     this.y = y;
  1199. }
  1200.  
  1201. function Position(left, top) {
  1202.     this.left = left;
  1203.     this.top = top;
  1204. }

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号