1. 程式人生 > >jquery 插件ajaxupload 的簡單應用

jquery 插件ajaxupload 的簡單應用

button 操作 6.5 shang disable pan 成功 簡單應用 verify

  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. button.text(‘導入上海資信中...‘);
  19. if(fileNum == ‘one‘) //同時上傳的文件數不能超過一個
  20. this.disable();
  21. },
  22. onComplete: function(file, response){ //上傳完畢後的操作
  23. if(response != "success")
  24. alert(response);
  25. button.text(‘導入上海資信‘);
  26. this.enable();
  27. if(response == "success");
  28. alert("導入上海資信成功");
  29. //有了response我們能做任何事了,返回的文件名稱,文件路徑等我們可以隨意操作的!
  30. }
  31. });


當然這些代碼得靠 js 才能運行,請把上面的代碼加在 $(document).ready的代碼塊中.同時請引入 ajaxupload.js,見附件下載!

  • ajaxupload.rar (6.5 KB)
  • 下載次數: 427

jquery 插件ajaxupload 的簡單應用