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

最新推荐文章于 2017-07-06 18:06:00 发布

LzwGlory

最新推荐文章于 2017-07-06 18:06:00 发布

阅读量117

点赞数

文章标签： javascript java xhtml ViewUI

[javascript]view plaincopy 
   
 $(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+"上传失败"); 
 } 
 }); 
 }); 

[javascript]view plaincopy 
   
 functionaddImg(imgUrl){ 
 varpath=[]; 
 path=imgUrl.split("#"); 
 varlist=$("#imgList"); 
 varimg=$("<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文件是这样的：

[java]view plaincopy 
   
 publicStringupload(HttpServletRequestrequest,HttpServletResponseresponse)throwsException{ 
 StringbasePath=request.getScheme()+"://" 
 +request.getServerName()+":"+request.getServerPort() 
 +request.getContextPath()+"/"; 
  
 StringreturnPath=basePath+"intentionPicture/"; 
 StringsavePath=request.getSession().getServletContext().getRealPath("/")+"intentionPicture\\"; 
  
 Filef1=newFile(savePath); 
 //System.out.println(savePath); 
 if(!f1.exists()){ 
 f1.mkdirs(); 
 } 
 DiskFileItemFactoryfac=newDiskFileItemFactory(); 
 ServletFileUploadupload=newServletFileUpload(fac); 
 upload.setHeaderEncoding("utf-8"); 
 ListfileList=null; 
 try{ 
 fileList=upload.parseRequest(request); 
 }catch(FileUploadExceptionex){ 
 } 
 Iterator<FileItem>it=fileList.iterator(); 
 Stringname=""; 
 StringextName=""; 
 while(it.hasNext()){ 
 FileItemitem=it.next(); 
 if(!item.isFormField()){ 
 name=item.getName(); 
 longsize=item.getSize(); 
 Stringtype=item.getContentType(); 
 //System.out.println(size+""+type); 
 if(name==null||name.trim().equals("")){ 
 continue; 
 } 
 //扩展名格式： 
 if(name.lastIndexOf(".")>=0){ 
 extName=name.substring(name.lastIndexOf(".")); 
 } 
 Filefile=null; 
 do{ 
 //生成文件名： 
 name=UUID.randomUUID().toString(); 
 file=newFile(savePath+name+extName); 
 //System.out.println(savePath+name+extName); 
 }while(file.exists()); 
 FilesaveFile=newFile(savePath+name+extName); 
 try{ 
 item.write(saveFile); 
 }catch(Exceptione){ 
 e.printStackTrace(); 
 } 
 } 
 } 
  
 returnreturnPath+name+extName+"#"+savePath+name+extName; 
 } 

JSP文件是这样的：

[html]view plaincopy 
   
 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <htmlxmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
 <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> 
 <title>MyJSP'aaa.jsp'startingpage</title> 
 <linkhref="../../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"/> 
 <linkhref="../../resources/ldcss/global.css"rel="stylesheet"type="text/css"/> 
  
  
 <linkhref="<%=basePath%>resources/lib/uploadify/uploadify.css"rel="stylesheet"type="text/css"/> 
  
  
 <scriptsrc="<%=basePath%>resources/ldjs/global.js"type="text/javascript"></script> 
 <scriptsrc="<%=basePath%>resources/lib/jquery/jquery-1.7.1.min.js"type="text/javascript"></script> 
  
  
 <scripttype="text/javascript"src="<%=basePath%>resources/lib/uploadify/swfobject.js"></script> 
 <scripttype="text/javascript"src="<%=basePath%>resources/lib/uploadify/jquery.uploadify.v2.1.0.min.js"></script> 
  
  
 </head> 
 <body> 
 <divid="fileQueue"></div> 
  
 <inputtype="file"name="uploadify"id="uploadify"/> 
  
 <p> 
  
 <ahref="javascript:jQuery('#uploadify').uploadifyUpload()">开始上传</a> 
  
 <ahref="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a> 
  
 </p> 
  
 <divid="imgList"></div> 
  
 </body> 
  
 </html> 