Simple application of jquery plugin Ajaxupload

2. var button = $ (' #upload_button '); //Define a button that can upload a file.
4. var fileType = "Zip", FileNum = "one"; //define the types of files that can be uploaded, of course, rely on the onsubmit in the back of the JS to make judgments
6. New Ajaxupload (button,{
8. Action: ' ${ctp}/app/assistverify/importshanghairreportaction.shtml ',
10. Name: ' shanghaifile ', //This is equivalent to <input type = "File" name = "Shanghaifile"/>
12. Onsubmit:function (file, ext) {
14. if (FileType = = "Zip")
16. {
18. if (ext &&/^ (zip|rar) $/.test (ext)) {
20. This.setdata ({
22. ' info ': ' file type is compressed package ' //This info is temporarily invalid
24. });
26. } Else {
28. Alert (' Non-compressed package type file, please re-transmit ');
30. return false;
32. }
34. }
38. Button.text (' Import Shanghai credit ... ');
42. if (FileNum = = ' one ') //The number of files uploaded at the same time cannot exceed a single
44. this.disable ();
48. },
50. Oncomplete:function (file, response) { //action after upload completed
52. if (response! = "Success")
54. alert (response);
58. Button.text (' import Shanghai Credit ');
60. this.enable ();
64. if (response = = "Success");
66. Alert ("Import Shanghai Credit Success");
70. //With response we can do anything, return the file name, file path and so on we can operate freely!
72. }
74. });

Of course, this code must rely on JS to run, please add the above code in the code block of ready. Please also introduce ajaxupload.js, see attachment download!

• Ajaxupload.rar (6.5 KB)
• Download number of times: 427

Simple application of jquery plugin Ajaxupload