The usage is as follows: <Script type = "text/javascript"> $ (Function (){
Var button = $ ('# upload ');
New AjaxUpload (button ,{
Action: '/upload/imagesAjaxUpload ',
Name: 'upload ',
OnSubmit: function (file, ext ){
If (! (Ext &/^ (jpg | jpeg | JPG | JPEG) $/. test (ext ))){
Alert ('the image format is incorrect. Select a jpg file! ', 'System prompt ');
Return false;
} // Change button text, when user selects file
Button. text ('uploading '); // If you want to allow uploading only 1 file at time,
// You can disable upload button
This. disable (); // Uploding-> Uploading.-> Uploading...
Interval = window. setInterval (function (){
Var text = button. text ();
If (text. length <10 ){
Button. text (text + '...');
} Else {
Button. text ('uploading ');
}
},200 );
},
OnComplete: function (file, response ){
Window. clearInterval (interval );
// Enable upload button
This. enable ();
Var json = eval ('+ response + ')');
Button. text ('select file ');
$ (". Qr" ).css ("display", "inline ");
$ (". Qr> img"). attr ("src", json. file_name );
$ ("Input [name = 'WeChat _ qr ']"). val ('/uploads/qr/'+ json. file_name );
// Alert (json. file_name );
// $ ("# Ajaximg" ).html (" ");
// $ ("# Wechat_qr"). val ('/uploads/qr/' + json. file_name );
}
}); });
</Script> |
