fileupload插件使用（FileUpload plug-in usage）.docVIP

fileupload插件使用（FileUpload plug-in usage） JQuery AjaxFileUpload can achieve Ajax file upload plugin The jQuery plug-in AjaxFileUpload can achieve Ajax file upload, the plugin is very simple to use, first look at the correct method of using the AjaxFileUpload plug-in, and then learn some common mistakes and solutions of information. Instructions You need to use the jQuery library and AjaxFileUpload library files The use of examples Http:///contents/ajaxfileupload/ajaxfileupload.js A file containing part script type= text/javascript src= jquery.js /script script type= text/javascript src= ajaxfileupload.js /script Two, part HTML img id= loading src= loading.gif style= display:none; input id= fileToUpload type= file size= 20 name= fileToUpload class= input button class= button id= buttonUpload onclick= return (ajaxFileUpload); upload /button Only three elements, a dynamic small icon, a file and a button Note: use the AjaxFileUpload plugin file upload is not required for form, as follows: form name= form action= method= POST enctype= multipart/form-data HTML code /form Because the AjaxFileUpload plugin will automatically generate a form submission form. For the file domain of ID and name files, ajaxFileUpload plug-in fileElementId parameters need to obtain the file domain ID, if you need to know the operation of file upload file domain name, so as to get a file upload information, the two relations must be clear. Three, part JavaScript script type= text/javascript Function (ajaxFileUpload) { (loading); / / dynamic small icon $.ajaxFileUpload ({ URL:upload.php, Secureuri: false, FileElementId:fileToUpload, DataType:json, Success: function (data, status) { If (typeof (data.error)! =undefined) { If (data.error = {!) Alert (data.error); }else{ Alert (data.msg); } } }, Error: function (data, status, e) { Alert (E); } }) Return false; } Function (loading) { $(#loading) (.AjaxStart (function) { $(this).Show (); .ajaxComplete (function)} ({) $(this).Hide (); }); } /script