Jquery AjaxFileUpload.js 上传文件 所遇问题解决办法

导入 AjaxFileUpload.js 文件

js代码

$.ajaxFileUpload({
	        url: 'upload',//处理图片脚本
	        secureuri : false,
	        fileElementId : 'uploadImg',//file控件id
	        data: {photoType: photoType},//参数
	        dataType : 'json', //参数大写  否则谷歌浏览器可能报错
	        success : function (data,status){
	            data=jQuery.parseJSON(data);
	        	$("#hideImgPath").val(data.filePath);
				alert("上传图片成功!");
	        },
	        error: function(data, status, e){
	            alert("上传图片失败！请稍后重试!");
	        }
		});

html代码

	
	
	
	
格式一般为GIF或者JPEG，大小100*100像素；

java 代码

/**
	 * 方法描述:  上传属性值图片
	 * @author Andy  2014-8-14  下午02:09:50
	 */
	@RequestMapping("attribute/upload")
	public void upload(HttpServletRequest request,HttpServletResponse response){
		Map resultMap=new HashMap();
		String imgName=getFileName();
		String saveImgPath=request.getSession().getServletContext().getRealPath("/upload/image");  //项目图片保存路径
		File fileIMG=new File(saveImgPath);//图片保存路径
		if (!fileIMG.exists()) {
			fileIMG.mkdirs();
		}
		try {
			String filePath="";
			MultipartHttpServletRequest mhs = (MultipartHttpServletRequest) request;
			MultipartFile file = mhs.getFile("uploadImg");
			String photoType=mhs.getParameter("photoType");
			imgName = imgName+"."+photoType;
			if(file!=null){
				filePath = SaveFileFromInputStream(file.getInputStream(),saveImgPath,imgName);
			}
			resultMap.put("filePath","upload/image/"+imgName);
			resultMap.put("imgName",imgName);
		} catch (Exception e) {
			logger.error(e.getMessage());
			System.out.println("上传图片失败，请重试！");
		}
		resultMap.put("status", "true");
		displayToJson(resultMap, response);
	}
	
	/**
	 * 方法描述: 保存图片
	 * @param stream
	 * @param path
	 * @param filename
	 * @return
	 * @throws IOException  String
	 * @author Andy  2014-8-14  下午02:59:10
	 */
	public String SaveFileFromInputStream(InputStream stream,String path,String filename) throws IOException{    
		  String filePath = path + File.separator+ filename;
	  	  FileOutputStream fs=new FileOutputStream(filePath);
	  	  byte[] buffer =new byte[1024*1024];
	  	  int bytesum = 0;
	  	  int byteread = 0; 
	  	  while ((byteread=stream.read(buffer))!=-1){
	  	       bytesum+=byteread;
	    	   fs.write(buffer,0,byteread);
	 	       fs.flush();
	   	  } 
	   	  fs.close();
	      stream.close();      
	      return filePath;
	}
	
	/**
	 * 方法描述: 获取文件的名称
	 * @return  String
	 * @author Andy  2014-8-15  上午09:51:58
	 */
	public static String getFileName(){
		SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		String str=sdf.format(new Date()).replace(" ", "-").split(":")[0];
		String sop=Long.toString(System.currentTimeMillis());
		sop=sop.substring(5, sop.length());
		return str+"-"+sop;  //2014-08-15-10-68194635  日期-小时
	}

所遇问题1：  在使用springMVC 框架时 ,  IE浏览器会将返回的数据直接下载  

解决办法：在springMVC配置文件中  添加如下配置信息：

	
		
			
				text/html;charset=UTF-8
			
		
	

同时设置返回数据的类型： response.setContentType("text/plain;charset=UTF-8");

所遇问题2：返回的数据中带有

 标签    
  
解决办法： 将AjaxFileUpload.js文件中     eval( "data = " + data );   改成   data = jQuery.parseJSON(jQuery(data).text());
 
  
此时如果在页面上还是无法解析时，请再将 返回数据转成Json 一遍   data=jQuery.parseJSON(data);    

 
  
所遇问题3：  在使用springMVC时   后台接收不到 前台的 File   时  报错：
 
  
nested exception is java.lang.NoClassDefFoundError:org/apache/commons/io/output/DeferredFileOutputStreamat 
 org.springframework.web.servlet.DispatcherServlet.triggerAfterCompletionWithError(DispatcherServlet.java:1259)
 at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:945)
 at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:856)
 at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:915)
 at org.springframework.web.servlet.FrameworkServlet.doPost(FrameworkServlet.java:822)
 
  

 
  
java.lang.ClassNotFoundException:  org.apache.commons.io.output.DeferredFileOutputStream
at org.apache.catalina.loader.WebappClassLoader.loadClass(WebappClassLoader.java:1358)
at org.apache.catalina.loader.WebappClassLoader.loadClass(WebappClassLoader.java:1204)
at org.apache.commons.fileupload.disk.DiskFileItemFactory.createItem(DiskFileItemFactory.java:199)
 
  
 
  
解决办法：   1、 添加 commons-io-1.3.1.jar  包 ，此包是上传所依赖的包   。
 
  
2、如果添加此包后还是提示找不到本包    原因可能有两点：①、tomcat  没有加载本包，此时请到tomcat下 将此包勾选上 。   ②如果出现本包冲突时 将tomcat下
 
  
的同名jar包 删掉