jquery 插件ajaxupload 的简单应用

  1. var button = $('#upload_button');  //定义能够上传文件的按钮,就是一个普通的button  
  2. var fileType = "zip",fileNum = "one";   //定义能够上传的文件类型,当然要靠后面的onSubmit中的js去做判断  
  3. new AjaxUpload(button,{  
  4.     action: '${ctp}/app/assistVerify/importShanghairReportAction.shtml',  
  5.     name: 'shanghaiFile',   //这相当于<input type = "file" name = "shanghaiFile"/>  
  6.     onSubmit : function(file, ext){  
  7.         if(fileType == "zip")  
  8.         {  
  9.             if (ext && /^(zip|rar)$/.test(ext)){  
  10.                 this.setData({  
  11.                     'info': '文件类型为压缩包' //这个info 暂时无效  
  12.                 });  
  13.             } else {  
  14.                 alert('非压缩包类型文件，请重传');  
  15.                 return false;                 
  16.             }  
  17.         }  
  18.                       
  19.         button.text('导入上海资信中...');  
  20.           
  21.         if(fileNum == 'one')  //同时上传的文件数不能超过一个  
  22.             this.disable();  
  23.           
  24.     },  
  25.     onComplete: function(file, response){ //上传完毕后的操作  
  26.         if(response != "success")  
  27.             alert(response);  
  28.               
  29.         button.text('导入上海资信');                          
  30.         this.enable();  
  31.           
  32.         if(response == "success");  
  33.             alert("导入上海资信成功");     
  34.   
  35.         //有了response我们能做任何事了,返回的文件名称,文件路径等我们可以随意操作的!  
  36.     }  
  37. });  


当然这些代码得靠 js 才能运行,请把上面的代码加在 $(document).ready的代码块中.同时请引入 ajaxupload.js,见附件下载! 

 
posted @ 2018-01-19 08:57  追忆丶年华  阅读(269)  评论(0)  编辑  收藏  举报