使用ajaxFileUpload實現檔案上傳

2021-07-22 05:46:12 字數 1563 閱讀 7221

jquery外掛程式ajaxfileupload用來實現ajax檔案上傳,該外掛程式使用非常簡單。

1、引入ajaxfileupload外掛程式相關的js

ajaxfileupload對jquery版本是有要求的,在使用中ajaxfileupload和jquery對應的js版本要一致,不然會導致異常發生。

語法:$.ajaxfileupload([options])

options引數說明:

1、url            上傳處理程式位址。  

2,fileelementid       需要上傳的檔案域的id,即的id。

3,secureuri        是否啟用安全提交,預設為false。

4,datatype        伺服器返回的資料型別。可以為xml,script,json,html。如果不填寫,jquery會自動判斷。

5,success        提交成功後自動執行的處理函式,引數data就是伺服器返回的資料。

6,error          提交失敗自動執行的處理函式。

7,data           自定義引數。這個東西比較有用,當有資料是與上傳的相關的時候,這個東西就要用到了。

8, type            當要提交自定義引數時,這個引數要設定成post

9,complete                                提交完成後執行的函式

1,syntaxerror: missing ; before statement錯誤

如果出現這個錯誤就需要檢查url路徑是否可以訪問

2,syntaxerror: syntax error錯誤

如果出現這個錯誤就需要檢查處理提交操作的伺服器後台處理程式是否存在語法錯誤

3,syntaxerror: invalid property id錯誤

如果出現這個錯誤就需要檢查文字域屬性id是否存在

4,syntaxerror: missing } in xml expression錯誤

如果出現這個錯誤就需要檢查檔案name是否一致或不存在

5,其它自定義錯誤

大家可使用變數$error直接列印的方法檢查各引數是否正確,比起上面這些無效的錯誤提示還是方便很多。

$.ajaxfileupload(else

}, error: function (e) ,

complete: function (data)

});

ps:1、作為檔案域()必須要有name屬性,如果沒有name屬性,上傳之後伺服器是獲取不到的。

如:正確的寫法是

2、object function (a,b) has no method 'handleerror',這個是google瀏覽器報的錯誤,非常經典, 不知道是我的版本問題還是真正存在的問題。這個問題的根源經過n次上傳才找到問題的根本所在。答案是:datatype引數一定要大寫。如:datatype: 'html'。

jquery外掛程式之ajaxfileupload

JQuery的ajaxFileUpload的使用

第一步 首先想要使用ajaxfileupload外掛程式必須要在html中引入兩個js 具體的uri根據自己的專案結構進行調整 第二步 上傳的input的html的 上傳頭像 請上傳 第三步 js的 在js中我加入了的格式的驗證 function upload cover obj function ...

使用GraphEdit使用

1 註冊元件。其實乙個filter就是乙個com元件,所以使用之前需要註冊,可以有兩種方法對元件進行註冊。1.直接使用命令。命令列下輸入 regsvr32 hqtlystd.ax 編譯之後你會在工程目錄下的debug中找到hqtlystd.ax,這個就是要用的filter 即可註冊成功。2.vc6....

MySQL使用學習使用 mysql學習使用

1 mysql學習 1 安裝 ubuntu下直接安裝 apt get install mysql server 2 檢查伺服器是否啟動 sudo netstat tap grep mysql,如果啟動成功,出現以下資訊 tcp00localhost.localdomain mysql listen ...