jquery uploadify的JS用法以及JAVA类的用法

$(function(){
	//$('#uploadify').uploadifySettings('folder','JS');  //动态修改参数
	
	$("#uploadify").uploadify({ //初始化函数
	    width: 20,
	    uploader: '<%=basePath%>resources/lib/uploadify/uploadify.swf',
	    //flash文件位置，注意路径
	    // 'swf' : '<%=basePath%>resources/lib/uploadify/uploadify.swf',
	    script: '<%=basePath%>IntentionController.do?method=upload',
	    //后台处理的请求(sevlet)
	    buttonImg: '<%=basePath%>resources/lib/uploadify/cancel.png',
	    //上传按钮的背景图片
	    auto: true,
	    //选定文件后是否自动上传，默认false
	    cancelImg: '<%=basePath%>resources/lib/uploadify/cancel.png',
	    //取消按钮图片
	    //'folder' : '<%=basePath%>resources/lib/uploadify/pic',//您想将文件保存到的路径，将auto设置为true里才有用，不然跳到类里去处理，那就那里说了算
	    queueID: 'fileQueue',
	    //与下面的上传文件列表id对应
	    queueSizeLimit: 8,
	    //上传文件的数量
	    scriptData: {
	        'userID': ''
	    },
	    //向后台传的数据
	    fileDesc: '',
	    //上传文件类型说明
	    fileExt: 'jpg,png,gif,jpeg',
	    //控制可上传文件的扩展名，启用本项时需同时声明fileDesc
	    method: 'post',
	    //如果向后台传输数据，必须是get
	    //  sizeLimit:10000,//文件上传的大小限制，单位是字节
	    multi: true,
	    simUploadLimit: 8,
	    //同时上传文件的数量，设置了这个参数后，
	    //那么你会因设置multi:true和queueSizeLimit：8而可以多选8个文件，
	    //但如果一旦你将simUploadLimit也设置了，那么只会上传这个参数指定的文件个数，其它就上传不了
	    buttonText: 'BROWSE',
	    //浏览按钮上的文字
	    onComplete: function(event, queueID, fileObj, serverData, data) { //当上传完成后的回调函数，ajax方式哦~~
	        //alert("上传成功");
	        addImg(serverData);
	        // alert(serverData);
	        //addImg(serverData);
	        /* $('#image').attr("src",serverData);//serverData是sevlet中out.print图片的路径
	                              $('#image').show();*/
	    },
	    onSelect: function(e, queueId, fileObj) {
	        /*alert("唯一标识:" + queueId + "\r\n" +
		                  "文件名：" + fileObj.name + "\r\n" +
		                  "文件大小：" + fileObj.size + "\r\n" +
		                  "创建时间：" + fileObj.creationDate + "\r\n" +
		                  "最后修改时间：" + fileObj.modificationDate + "\r\n" +
		                  "文件类型：" + fileObj.type
		            );*/

	    },
	    onError: function(event, queueID, fileObj) {　alert("文件:" + fileObj.name + " 上传失败");
	    }
	});
});

 

function addImg(imgUrl){
	var path=[];
	path=imgUrl.split("#");
   var list=$("#imgList");
   var img=$("<img>");
   img.attr("src",path[0]);
   img.attr("id",path[1]);
   img.attr("height","150px");
   img.attr("width","150px");
   img.click(function(){
           alert("设为首页募捐显示照片吗？");
	   });
   img.css("cursor","pointer");
   list.append(img);
 //  proDownImage(path[0],img);
}

 

JAVA文件是这样的：

public String upload(HttpServletRequest request,HttpServletResponse response) throws Exception {
		String basePath = request.getScheme() + "://"
		+ request.getServerName() + ":" + request.getServerPort()
		+ request.getContextPath() + "/";
		
		String returnPath=basePath+"intentionPicture/";
		String savePath =request.getSession().getServletContext().getRealPath("/")+"intentionPicture\\";
		
			File f1 = new File(savePath);
			//System.out.println(savePath);
			if (!f1.exists()) {
				f1.mkdirs();
			}
			DiskFileItemFactory fac = new DiskFileItemFactory();
			ServletFileUpload upload = new ServletFileUpload(fac);
			upload.setHeaderEncoding("utf-8");
			List fileList = null;
			try {
				fileList = upload.parseRequest(request);
			} catch (FileUploadException ex) {
			}
			Iterator<FileItem> it = fileList.iterator();
			String name = "";
			String extName = "";
			while (it.hasNext()) {
				FileItem item = it.next();
				if (!item.isFormField()) {
					name = item.getName();
					long size = item.getSize();
					String type = item.getContentType();
					//System.out.println(size + " " + type);
					if (name == null || name.trim().equals("")) {
						continue;
					}
					// 扩展名格式：
					if (name.lastIndexOf(".") >= 0) {
						extName = name.substring(name.lastIndexOf("."));
					}
					File file = null;
					do {
						// 生成文件名：
						name = UUID.randomUUID().toString();
						file = new File(savePath + name + extName);
						//System.out.println(savePath + name + extName);
					} while (file.exists());
					File saveFile = new File(savePath + name + extName);
					try {
						item.write(saveFile);
					} catch (Exception e) {
						e.printStackTrace();
					}
				}
			}

		return returnPath+name + extName+"#"+savePath+name+extName;
	}

 

JSP文件是这样的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>My JSP 'aaa.jsp' starting page</title>
		<link href="../../resources/lib/ligerUI/skins/Aqua/css/ligerui-all.css"
			rel="stylesheet" type="text/css" />
		 <link
			href="../../resources/ldcss/ldform.css"
			rel="stylesheet" type="text/css" /> 
		<link href="../../resources/ldcss/global.css" rel="stylesheet" type="text/css" />
		
		
		<link href="<%=basePath%>resources/lib/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
		
		
		<script src="<%=basePath%>resources/ldjs/global.js" type="text/javascript"></script>
		<script src="<%=basePath%>resources/lib/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
			
			
		<script type="text/javascript" src="<%=basePath%>resources/lib/uploadify/swfobject.js"></script>
        <script type="text/javascript" src="<%=basePath%>resources/lib/uploadify/jquery.uploadify.v2.1.0.min.js"></script>
        
        
	</head>	
<body>
	<div id="fileQueue"></div>

		<input type="file" name="uploadify" id="uploadify" />

		<p>

			<a href="javascript:jQuery('#uploadify').uploadifyUpload()">开始上传</a> 

			<a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a>

		</p>
		
	<div id="imgList"></div>
		
</body>

</html>