`
erikchang
  • 浏览: 50659 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

fancyupload3结合JAVA实现多文件上传

阅读更多

     前段时间写了一篇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的获取,这个也是很多同学问题的关键所在,不过使用哪个组件来实现多文件上传的关键点都在这里。

分享到:
评论

相关推荐

    fancyupload批量上传文件

    5. **安全性考虑**:在实现文件上传时,需要注意防止文件注入攻击,例如检查文件类型和大小,限制上传的文件类型,避免上传可执行文件或恶意代码。此外,应确保上传目录不被直接访问,以防止用户直接访问到不应公开...

    FancyUpload批量上传文件

    Ajax+Flash多文件上传是一个开源的上传组件,名称是FancyUpload,其官方网址是:http://digitarald.de/project/fancyupload/。这个组件仅仅是客户端的应用组件,即与任何服务器端的技术没有关系,服务器端可以采用...

    Ajax+Flash多文件上传之FancyUpload的应用

    当这两者结合时,可以实现无刷新的多文件上传功能,这就是“Ajax+Flash多文件上传”的概念。本文将详细介绍FancyUpload这一实现方式。 FancyUpload是一款基于Ajax和Flash的多文件上传插件,它提供了用户友好的界面...

    swfupload+fancyupload两个完整java项目

    SwfUpload 和 FancyUpload 是两种流行的JavaScript库,用于在Web应用程序中实现文件上传功能,尤其适用于需要处理大量或大文件的场景。这两个Java项目提供了完整的实现,可以在Eclipse环境中进行测试,确保了与...

    fancyupload

    "flash"表示它依赖Adobe Flash Player插件来实现文件选择和上传。"jsp"则意味着fancyupload可能与Java服务器页面(JSP)后端集成,用于处理上传的文件和数据。 在【压缩包子文件的文件名称列表】中,只有一个文件名...

    fancyupload2.0实现多文件上传-jsp

    NULL 博文链接:https://struts.iteye.com/blog/281691

    FancyUpload

    FancyUpload是一款强大的多文件上传组件,主要用于网页端实现高效、用户友好的文件批量上传功能。这个组件以其独特的设计和丰富的特性,在Web开发领域中受到广泛关注。以下将详细阐述FancyUpload的工作原理、主要...

    digitarald-digitarald-fancyupload-3.0.1-0-g66b5582.zip

    这款组件结合了Flash技术和Ajax(基于MooTools框架),实现了上传进度条显示,使得批量文件上传变得更加直观和便捷,类似于另一知名组件SWFUpload。现在,我们将深入探讨FancyUpload 3.0版本中的核心特点和技术细节...

    ajax上传即fancyUpload上传完整例子

    Ajax上传允许用户在不刷新整个页面的情况下进行文件传输,而FancyUpload则是一个高级的、可定制的Flash上传组件,它支持多文件选择,提供了丰富的用户界面。 首先,我们来详细了解一下Ajax上传。Ajax的核心在于...

    Ajax+flash选择多文件上传(asp.net)

    本示例将探讨如何结合Ajax技术和Flash实现无刷新、多文件上传的解决方案,适用于ASP.NET(C#)平台。Ajax技术允许我们在不重新加载整个页面的情况下更新部分网页内容,而Flash则提供了一种在各种浏览器中支持大文件和...

    无刷新上传文件

    这类库通常提供了一套完整的解决方案,包括用户界面、进度显示、错误处理和多文件上传等功能。FancyUpload可能使用IFrame或者Flash技术作为后端通信的桥梁,因为这些技术能解决跨域问题并兼容老版本的浏览器。 无...

    Ajax+Flash多文件上传

    在IT行业中,文件上传是网页应用中常见的功能之一,尤其在社交网络、云...虽然随着HTML5的普及,现在更多地采用HTML5的File API来实现文件上传,但针对仍然支持Flash的旧版浏览器,这种技术仍然是一个有效的解决方案。

    开源的多文件上传采用JavaScript插件

    综合以上信息,我们可以了解到,这个开源的多文件上传插件Fancyupload使用JavaScript和Mootools库,配合Flash或HTML5技术实现文件选择和上传,同时具备错误修复和跨平台后端支持的能力。通过解压后的文件,我们可以...

    多文件上传AJAX代码

    在多文件上传中,AJAX配合HTML5的File API,可以实现文件预览、进度显示以及上传过程的控制。 1. **HTML5 File API**:HTML5引入了强大的File API,提供了对本地文件的操作能力。例如,`...

    5款Ajax 文件上传控件

    FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。 2. SwfUploadPanel (演示地址) SwfUploadPanel是一个结合SwfUpload v2.0.2与ExtJS 2.0.x开发的多文件上传...

    FancyUpload3.0最新版 For Asp.net Demo(已汉化)

    FancyUpload是个很不错的上传插件。之前FancyUpload2.0版本的在IE下已不能用了。在网上FancyUpload 3.0 结合Asp.net 使用的例子几乎找不到,所以就做了一个FancyUpload 3.0 For Asp.net 的Demo,方便大家学习或使用...

    上传文件过滤文件格式多文件上传

    都是我从不同网站上辛苦下下来了,整合在一起了,很多关于文件上传过滤文件格式多文件上传的代码资料和完整项目,包括uploadify fancyupload SwfUpload等不同的方法,需要对你们有帮助。

    批量上传excel文件

    在IT行业中,批量上传Excel文件是一项常见的数据处理需求...总之,批量上传Excel文件涉及到前端技术、服务器端处理、文件上传组件、图片资源等多个方面,通过合理的技术组合,实现了高效且用户体验良好的数据上传功能。

Global site tag (gtag.js) - Google Analytics