jquery插件ajaxfileupload可以實(shí)現(xiàn)文件上傳

《jquery插件ajaxfileupload可以實(shí)現(xiàn)文件上傳》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、jQuery插件AjaxFileUpload可以實(shí)現(xiàn)ajax文件上傳，該插件使用非常簡單，首先了解一下正確使用AjaxFileUpload插件的方法，然后再了解一些常見的錯誤信息和解決方法。使用說明需要使用jQuery庫文件和AjaxFileUpload庫文件使用實(shí)例一，包含文件部分復(fù)制代碼代碼如下:??二

2、，HTML部分復(fù)制代碼代碼如下:??上傳?只需要三個元素，一個動態(tài)加載小圖標(biāo)、一個文件域和一個按鈕注意：使用Ajax

3、FileUpload插件上傳文件可不需要form，如下：?……相關(guān)html代碼……??因?yàn)锳jaxFileUpload插件會自動生成一個form提交表單。對于file文件域ID和name，ajaxFileUpload插件fileElementId參數(shù)需要獲取文件域ID，如果處理上傳文件操作就需要知道文件域name，以便獲取上傳文件信息，這兩者關(guān)系一定要清楚。三，javascript部分?

4、12345678910functionajaxFileUpload(){loading();//動態(tài)加載小圖標(biāo)$.ajaxFileUpload({url:'upload.php',secureuri:false,fileElementId:'fileToUpload',dataType:'json',success:function(data,status){if(typeof(data.error)!='undefined'){11121314151617181920212

5、2232425262728293031if(data.error!=''){alert(data.error);}else{alert(data.msg);}}},error:function(data,status,e){alert(e);}})returnfalse;}functionloading(){$("#loading").ajaxStart(function(){$(this).show();}).ajaxComplete(function(){$(this).hide();});}主要參數(shù)說明：1，u

6、rl表示處理文件上傳操作的文件路徑，可以測試URL是否能在瀏覽器中直接訪問，如上：upload.php2，fileElementId表示文件域ID，如上：fileToUpload3，secureuri是否啟用安全提交，默認(rèn)為false4，dataType數(shù)據(jù)數(shù)據(jù)，一般選json，javascript的原生態(tài)5，success提交成功后處理函數(shù)6，error提交失敗處理函數(shù)上面有兩個方法，一個動態(tài)加載小圖標(biāo)提示函數(shù)loading()和ajaxFileUpload文件上傳$.ajaxFileUpload()函數(shù)，這與我們使用jQuery.

7、ajax()函數(shù)差不多，使用很簡單，這里我省略了PHP處理上傳文件，使用jQuery插件AjaxFileUpload實(shí)現(xiàn)ajax文件就這么簡單。同時我們需要了解相關(guān)的錯誤提示1，SyntaxError:missing;beforestatement錯誤如果出現(xiàn)這個錯誤就需要檢查url路徑是否可以訪問2，SyntaxError:syntaxerror錯誤如果出現(xiàn)這個錯誤就需要檢查處理提交操作的PHP文件是否存在語法錯誤3，SyntaxError:invalidpropertyid錯誤如果出現(xiàn)這個錯誤就需要檢查屬性ID是否存在4，Synt

8、axError:missing}inXMLexpression錯誤如果出現(xiàn)這個錯誤就需要檢查文件域名稱是否一致或不存在5，其它自定義錯誤大家可使用變量$error直接打印的方法檢查各參數(shù)是否正確，比起上面這些無效的錯誤提