论坛首页 Web前端技术论坛

fancyupload3结合JAVA实现多文件上传

浏览 2428 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-10-29   最后修改:2009-10-29

     前段时间写了一篇fancyupload3在web使用的文章,不少同学给我留言询问fancyupload3结合Java实现多文件上传的具体实现方法,一直在重庆出差,没有时间回复,这里给具体方法贴上来,和大家共勉!

      fancyupload这个东西是不错,其实实现起来也是很简单的,使用了as3的filelist功能来实现多文件选取,不过这个东西版本很麻烦,fancyupload2现在好像已经不能用了,使用fancyupload3要注意文件版本的一直,具体可以参看fancyupload3在web中的完美整合一文。

     fancyupload结合java实现多文件上传,其实也是逐个处理,获取不同文件信息,然后逐个保存到服务器端,这里结合Spring来实现文件上传,首先写一个通用的文件上传方法saveFileToServer,代码如下:

/**
	 * saveFileToServer 上传文件保存到服务器
	 * 
	 * @param filePath为上传文件的名称,
	 * @param saveFilePathName为文件保存全路径
	 * @param saveFileName为保存的文件
	 * @param extendes为允许的文件扩展名,
	 * @param small为是否允许生成缩略图,true为允许
	 * @param width、height为允许生成缩略图的宽、高
	 *            如 savaFileToServer(request,"file","d:\\xxx.jpg",new
	 *            String[]{"jpg","bmp","swf"},true,200,120)表示上传表单中的file名称为file,上传文件到d盘,并且生成一个200×
	 * @param wMark
	 *            是否水印,这里只支持文字水印
	 * @param markText水印文字
	 * @return 返回一个map,map中有4个值,第一个为保存的文件名fileName,第二个为保存的文件大小fileSize,,第三个为保存文件时错误信息errors,如果生成缩略图则map中保存smallFileName,表示缩略图的全路径
	 */
	public static Map saveFileToServer(HttpServletRequest request,
			String filePath, String saveFilePathName, String saveFileName,
			String[] extendes, boolean small, Integer width, Integer height,
			boolean wMark, String markText) throws IOException {
		MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
		CommonsMultipartFile file = (CommonsMultipartFile) multipartRequest
				.getFile(filePath);
		Map map = new HashMap();
		if(!file.isEmpty()){
		String extend = file.getOriginalFilename().substring(
				file.getOriginalFilename().lastIndexOf(".") + 1).toLowerCase();
		String fileName = "";
		float fileSize = file.getSize();// 返回文件大小,单位为k
		List<String> errors = new java.util.ArrayList<String>();
		boolean flag = false;
		for (String s : extendes) {
			if (extend.toLowerCase().equals(s))
				flag = true;
		}
		if (flag) {
			File path = new File(saveFilePathName);
			if (!path.exists()) {
				path.mkdir();
			}
			;
			SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
			DataOutputStream out = new DataOutputStream(new FileOutputStream(
					saveFilePathName + File.separator + saveFileName + "."
							+ extend));
			InputStream is = null;
			try {
				is = file.getInputStream();
				byte[] buffer = new byte[1024];
				while (is.read(buffer) > 0) {
					out.write(buffer);
				}
			} catch (IOException exception) {
				exception.printStackTrace();
			} finally {
				if (is != null) {
					is.close();
				}
				if (out != null) {
					out.close();
				}
			}
			fileName = saveFileName + "." + extend;
			System.out.println("上传结束,生成的文件名为:" + fileName);
		} else {
			System.out.println("不允许的扩展名");
			errors.add("不允许的扩展名");
		}
		// 生成缩略图
		// 下面开始根据长宽生成小图
		if (small && isImg(extend)) {
			createSmall(saveFilePathName + File.separator + saveFileName + "."
					+ extend, saveFilePathName + File.separator + saveFileName
					+ "_small" + "." + extend);
			map.put("smallFileName", saveFilePathName + File.separator
					+ saveFileName + "_small" + "." + extend);
		}
		// 给图片添加水印
		if (wMark && isImg(extend)) {
			if (!createMark(saveFilePathName + File.separator + saveFileName
					+ "." + extend, markText, Color.RED, 10f)) {
				errors.add("水印失败");
			}
		}
		File img=new File(saveFilePathName + File.separator +fileName);
		BufferedImage bis = ImageIO.read(img);
		int w = bis.getWidth();
		int h = bis.getHeight();
		map.put("width", w);
		map.put("height", h);
		map.put("mime", extend);
		map.put("fileName", fileName);
		map.put("fileSize", fileSize);
		map.put("error", errors);
		map.put("oldName",file.getFileItem().getName());
		}else {
			map.put("width", 0);
			map.put("height", 0);
			map.put("mime", "");
			map.put("fileName", "");
			map.put("fileSize", 0);
			map.put("oldName","");
		}
       return map;
	}

 备注:上面代码中有一些生产缩略图、小图片、水印的方法,这里略去代码,有需要的同学可以找我!

 fancyupload3是结合html中的file来实现文件上传到,后台在接受文件和普通单个选择文件一样,只是这里隐藏了file的文件名(id),知道了这个ID,利用上面的方法就可以轻松的完成上传,这里通过一个方法来获取file对应的Id,代码如下:

	MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
		Iterator its = multipartRequest.getFileNames();
		if(its.hasNext()){
			System.out.println("ID:"+its.next().toString());
		}

 利用了Spring的MultipartHttpServletRequest对象来获取多个文件,然后迭代就可以看到对应的Id名称了,可以发现这里所有的Id都为FileData,因为是同一个file的,这样就可以如下来完成文件上传了:

saveFileToServer(request, "Filedata", path
    + employee.getIdCard(), String.valueOf(sequence + 1),
    new String[] { "jpg", "jpeg", "bmp", "png", "gif" }, false, 0,
    0, false, "");

 

其实,fancyupload结合java完成多文件上传关键就是file id的获取,这个也是很多同学问题的关键所在,不过使用哪个组件来实现多文件上传的关键点都在这里。

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics