KindEditor使用SpringMVC改造,实现绝对路径上传

这里的绝对路径是指项目以外的某个固定路径,如:d:/attached、e:/xxx/yyy。

使用过KindEditor就会知道,它默认的文件(图片、音视频、flash、file)是上传至项目的跟目录下面, 创建这样一个目录

String savePath = pageContext.getServletContext().getRealPath("/") + "attached/";

在这个目录下,再根据文件类型创建不同的子文件夹保存不同类型的文件, 在文件上传以后返回一个对应路径的url供页面显示:默认情况下,如果项目名为:demo,上传一个xxx.txt后,返回前端的url为 demo/attached/20140623/file/xxx.txt;  日期也是个子文件夹,它还会改掉文件名,这个就不细说。

这样一个url在页面的KindEditor编辑框里显示为<a href='demo/attached/2014-06-23/file/xxx.txt'>demo/attached/2014-06-23/file/xxx.txt</a>; 当点击这个连接时,可以直接从项目下面找到这个文件,并显示在浏览器中, 所以支持的文件上传类型也都是可以在浏览器中显示的类型。


这样的实现很明显是不能满足需求的,因为项目重新部属后文件系统就没有了,保存到后台的新闻内容里面的图片,文件链接都会失效!  如果能将文件保存至固定硬盘目录下面则可以解决这个问题!

实现:

首先将默认的upload_json.jsp、file_manager_json.jsp里面的内容移到Controller里面:

/**
	  * 文件上传
	  * @param request {@link HttpServletRequest}
	  * @param response {@link HttpServletResponse}
	  * @return json response
	  */
	@RequestMapping(value = "/fileUpload", method = RequestMethod.POST)
	@ResponseBody
	public Map<String, Object> fileUpload(HttpServletRequest request, HttpServletResponse response) {
		//文件保存本地目录路径
		String savePath = "d:/attached/";
		//文件保存目录URL
		String saveUrl = request.getContextPath() + savePath.substring(2);

		if(!ServletFileUpload.isMultipartContent(request)){
			return getError("请选择文件。");
		}
		//检查目录
		/*File uploadDir = new File(savePath);
		if(!uploadDir.isDirectory()){
			return getError("上传目录不存在。");
		}
		//检查目录写权限
		if(!uploadDir.canWrite()){
			return getError("上传目录没有写权限。");
		}*/

		String dirName = request.getParameter("dir");
		if (dirName == null) {
			dirName = "image";
		}
		
		//定义允许上传的文件扩展名
		Map<String, String> extMap = new HashMap<String, String>();
		extMap.put("image", "gif,jpg,jpeg,png,bmp");
		extMap.put("flash", "swf,flv");
		extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");
		extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,xml,txt,zip,rar,gz,bz2");
		
		if(!extMap.containsKey(dirName)){
			return getError("目录名不正确。");
		}
		//创建文件夹
		savePath += dirName + "/";
		saveUrl += dirName + "/";
		File saveDirFile = new File(savePath);
		if (!saveDirFile.exists()) {
			saveDirFile.mkdirs();
		}
		
		SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");
		String ymd = sdf.format(new Date());
		savePath += ymd + "/";
		saveUrl += ymd + "/";
		File dirFile = new File(savePath);
		if (!dirFile.exists()) {
			dirFile.mkdirs();
		}
		
		//最大文件大小
		long maxSize = 1000000;
		
		FileItemFactory factory = new DiskFileItemFactory();
		ServletFileUpload upload = new ServletFileUpload(factory);
		upload.setHeaderEncoding("UTF-8");
		List<?> items = null;
		try {
			items = upload.parseRequest(request);
		} catch (FileUploadException fe) {
			return getError("接收文件异常。");
		}
		Iterator<?> itr = items.iterator();
		while (itr.hasNext()) {
			FileItem item = (FileItem) itr.next();
			String fileName = item.getName();
			if (!item.isFormField()) {
				//检查文件大小
				if(item.getSize() > maxSize){
					return getError("上传文件大小超过限制。");
				}
				//检查扩展名
				String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();
				if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){
					return getError("上传文件扩展名是不允许的扩展名。\n只允许" + extMap.get(dirName) + "格式。");
				}

				SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
				String newFileName = df.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt;
				try{
					File uploadedFile = new File(savePath, newFileName);
					item.write(uploadedFile);
				}catch(Exception e){
					return getError("上传文件失败。");
				}
				
				Map<String, Object> succMap = new HashMap<String, Object>();
				succMap.put("error", 0);
				succMap.put("url", saveUrl + newFileName);
				return succMap;
			}
		}
		
		return null;
	}

	private Map<String, Object> getError(String errorMsg) {
		Map<String, Object> errorMap = new HashMap<String, Object>();
		errorMap.put("error", 1);
		errorMap.put("message", errorMsg);
		return errorMap;
	}
	
	/**
	  * 文件空间
	  * @param request {@link HttpServletRequest}
	  * @param response {@link HttpServletResponse}
	  * @return json
	  */
	@RequestMapping(value = "/fileManager")
	@ResponseBody
	public Object fileManager(HttpServletRequest request, HttpServletResponse response) {
		//根目录路径,可以指定绝对路径
		String rootPath = "d:/attached/";
		//根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
		String rootUrl  = request.getContextPath() + rootPath.substring(2);
		//图片扩展名
		String[] fileTypes = new String[]{"gif", "jpg", "jpeg", "png", "bmp"};

		String dirName = request.getParameter("dir");
		if (dirName != null) {
			if(!Arrays.<String>asList(new String[]{"image", "flash", "media", "file"}).contains(dirName)){
				return "Invalid Directory name.";
			}
			rootPath += dirName + "/";
			rootUrl += dirName + "/";
			File saveDirFile = new File(rootPath);
			if (!saveDirFile.exists()) {
				saveDirFile.mkdirs();
			}
		}
		//根据path参数,设置各路径和URL
		String path = request.getParameter("path") != null ? request.getParameter("path") : "";
		String currentPath = rootPath + path;
		String currentUrl = rootUrl + path;
		String currentDirPath = path;
		String moveupDirPath = "";
		if (!"".equals(path)) {
			String str = currentDirPath.substring(0, currentDirPath.length() - 1);
			moveupDirPath = str.lastIndexOf("/") >= 0 ? str.substring(0, str.lastIndexOf("/") + 1) : "";
		}

		//排序形式,name or size or type
		String order = request.getParameter("order") != null ? request.getParameter("order").toLowerCase() : "name";

		//不允许使用..移动到上一级目录
		if (path.indexOf("..") >= 0) {
			return "Access is not allowed.";
		}
		//最后一个字符不是/
		if (!"".equals(path) && !path.endsWith("/")) {
			return "Parameter is not valid.";
		}
		//目录不存在或不是目录
		File currentPathFile = new File(currentPath);
		if(!currentPathFile.isDirectory()){
			return "Directory does not exist.";
		}

		//遍历目录取的文件信息
		List<Map<String, Object>> fileList = new ArrayList<Map<String, Object>>();
		if(currentPathFile.listFiles() != null) {
			for (File file : currentPathFile.listFiles()) {
				Hashtable<String, Object> hash = new Hashtable<String, Object>();
				String fileName = file.getName();
				if(file.isDirectory()) {
					hash.put("is_dir", true);
					hash.put("has_file", (file.listFiles() != null));
					hash.put("filesize", 0L);
					hash.put("is_photo", false);
					hash.put("filetype", "");
				} else if(file.isFile()){
					String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();
					hash.put("is_dir", false);
					hash.put("has_file", false);
					hash.put("filesize", file.length());
					hash.put("is_photo", Arrays.<String>asList(fileTypes).contains(fileExt));
					hash.put("filetype", fileExt);
				}
				hash.put("filename", fileName);
				hash.put("datetime", new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(file.lastModified()));
				fileList.add(hash);
			}
		}

		if ("size".equals(order)) {
			Collections.sort(fileList, new SizeComparator());
		} else if ("type".equals(order)) {
			Collections.sort(fileList, new TypeComparator());
		} else {
			Collections.sort(fileList, new NameComparator());
		}
		Map<String, Object> result = new HashMap<String, Object>();
		result.put("moveup_dir_path", moveupDirPath);
		result.put("current_dir_path", currentDirPath);
		result.put("current_url", currentUrl);
		result.put("total_count", fileList.size());
		result.put("file_list", fileList);

		return result;
	}
	
	private class NameComparator implements Comparator<Map<String, Object>> {
		public int compare(Map<String, Object> hashA, Map<String, Object> hashB) {
			if (((Boolean)hashA.get("is_dir")) && !((Boolean)hashB.get("is_dir"))) {
				return -1;
			} else if (!((Boolean)hashA.get("is_dir")) && ((Boolean)hashB.get("is_dir"))) {
				return 1;
			} else {
				return ((String)hashA.get("filename")).compareTo((String)hashB.get("filename"));
			}
		}
	}
	
	private class SizeComparator implements Comparator<Map<String, Object>> {
		public int compare(Map<String, Object> hashA, Map<String, Object> hashB) {
			if (((Boolean)hashA.get("is_dir")) && !((Boolean)hashB.get("is_dir"))) {
				return -1;
			} else if (!((Boolean)hashA.get("is_dir")) && ((Boolean)hashB.get("is_dir"))) {
				return 1;
			} else {
				if (((Long)hashA.get("filesize")) > ((Long)hashB.get("filesize"))) {
					return 1;
				} else if (((Long)hashA.get("filesize")) < ((Long)hashB.get("filesize"))) {
					return -1;
				} else {
					return 0;
				}
			}
		}
	}
	
	private class TypeComparator implements Comparator<Map<String, Object>> {
		public int compare(Map<String, Object> hashA, Map<String, Object> hashB) {
			if (((Boolean)hashA.get("is_dir")) && !((Boolean)hashB.get("is_dir"))) {
				return -1;
			} else if (!((Boolean)hashA.get("is_dir")) && ((Boolean)hashB.get("is_dir"))) {
				return 1;
			} else {
				return ((String)hashA.get("filetype")).compareTo((String)hashB.get("filetype"));
			}
		}
	}

上面的修改较默认的实现只是修改了savePath、saveUrl。

这样同样上传一个xxx.txt后, 文件会被保存到d:/attached/20140623/file/xxx.txt。 返回的url是:demo/attached/20140623/file/xxx.txt。这样到点击a标签将会404,很明显项目下面没有这个attached文件系统。

我们需要用一个Controller来接收所有attached后面的请求,在这个控制层里去d:/attached下面下载指定的文件。


@Controller
public class AttachedController {
	
	private static final Logger LOGGER = Logger.getLogger(AttachedController.class);
	
	@RequestMapping("/attached/{fileType}/{uploadDate}/{fileName}.{suffix}")
	public void attached(HttpServletRequest request, HttpServletResponse response, 
			@PathVariable String fileType,
			@PathVariable String uploadDate,
			@PathVariable String suffix,
			@PathVariable String fileName) {
		//根据suffix设置响应ContentType
		//response.setContentType("text/html; charset=UTF-8");
		
		InputStream is = null;
		OutputStream os = null;
		try {
			File file = new File("d:/attached/" + fileType + "/" + uploadDate + "/" + fileName + "." + suffix);
			is = new FileInputStream(file);
			byte[] buffer = new byte[is.available()];
			is.read(buffer);
			
			os = new BufferedOutputStream(response.getOutputStream());
			os.write(buffer);
			os.flush();
		} catch (Exception e) {
			//判断suffix
			//图片请求可以在此显示一个默认图片
			//file显示文件已损坏等错误提示...
			LOGGER.error("读取文件失败", e);
		} finally {
			if (is != null) {
				try {
					is.close();
				} catch (IOException e) {
					LOGGER.error("读取文件失败", e);
				}
				
				if (os != null) {
					try {
						os.close();
					} catch (IOException e) {
						LOGGER.error("读取文件失败", e);
					}
				}
			}
		}
		
	}
}

这里使用了SpringMVC的@PathVariable功能。

demo/attached/20140623/file/xxx.txt请求, attached方法里,在d盘下找到指定的文件并下载写如response中。

js中配置uploadJson、fileManagerJson(不同版本属性名可能不同我的是4.1.7)这两个属性为Controller拦截的url即可



  • 1
    点赞
  • 11
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值