jQuery插件AjaxFileUpload能夠實現ajax文件上傳,下載地址:http://www.phpletter.com/contents/ajaxfileupload/ajaxfileupload.jsjavascript
主要參數說明:
1,url表示處理文件上傳操做的文件路徑,能夠測試URL是否能在瀏覽器中直接訪問,如上:upload.php
2,fileElementId表示文件域ID,如上:fileToUpload
3,secureuri是否啓用安全提交,默認爲false
4,dataType數據數據,通常選json,javascript的原生態
5,success提交成功後處理函數
6,error提交失敗處理函數php
須要瞭解相關的錯誤提示html
1,SyntaxError: missing ; before statement錯誤
若是出現這個錯誤就須要檢查url路徑是否能夠訪問java
2,SyntaxError: syntax error錯誤
若是出現這個錯誤就須要檢查處理提交操做的PHP文件是否存在語法錯誤jquery
3,SyntaxError: invalid property id錯誤
若是出現這個錯誤就須要檢查屬性ID是否存在ajax
4,SyntaxError: missing } in XML expression錯誤
若是出現這個錯誤就須要檢查文件域名稱是否一致或不存在express
5,其它自定義錯誤
你們可以使用變量$error直接打印的方法檢查各參數是否正確,比起上面這些無效的錯誤提示仍是方便不少。json
示例代碼:瀏覽器
=====================upload.html=======================安全
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ajaxfileupload圖片上傳控件</title> </head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript" src="http://www.phpletter.com/contents/ajaxfileupload/ajaxfileupload.js"></script> <script language="javascript"> jQuery(function(){ $("#buttonUpload").click(function(){ //加載圖標 /* $("#loading").ajaxStart(function(){ $(this).show(); }).ajaxComplete(function(){ $(this).hide(); });*/ //上傳文件 $.ajaxFileUpload({ url:'upload.php',//處理圖片腳本 secureuri :false, fileElementId :'fileToUpload',//file控件id 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; }) }) </script> <body> <input id="fileToUpload" type="file" size="20" name="fileToUpload" class="input"> <button id="buttonUpload">上傳</button> <!--<img id="loading" src="loading.jpg" style="display:none;">--> </body> </html>
=====================upload.php=======================
$res["error"] = "";//錯誤信息 $res["msg"] = "";//提示信息 if(move_uploaded_file($_FILES['fileToUpload']['tmp_name'],"c:\\test.jpg")){ $res["msg"] = "ok"; }else{ $res["error"] = "error"; } echo json_encode($res);