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. 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