ajaxFileUpload.js 很多同名的,因?yàn)樽龀鰜?lái)一個(gè)很容易。
創(chuàng)新互聯(lián)主要從事做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)大同,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):13518219792我用的是這個(gè):https://github.com/carlcarl/AjaxFileUpload
下載地址在這里:http://xiazai.jb51.net/201701/yuanma/ajaxfileupload(jb51.net).rar
AjaxFileUpload.js并不是一個(gè)很出名的插件,只是別人寫好的放出來(lái)供大家用,原理都是創(chuàng)建隱藏的表單和iframe然后用JS去提交,獲得返回值。
當(dāng)初做了個(gè)異步上傳的功能,選擇它因?yàn)樗呐渲梅绞奖容^像jQuery的AJAX,我很喜歡。
評(píng)論里面說(shuō)到的不行。那是因?yàn)槲覀冇玫牟皇峭粋€(gè)js。我上github搜AjaxFileUpload出來(lái)很多類似js。
ajaxFileUpload是一個(gè)異步上傳文件的jQuery插件。
傳一個(gè)不知道什么版本的上來(lái),以后不用到處找了。
語(yǔ)法:$.ajaxFileUpload([options])
options參數(shù)說(shuō)明:
1、url 上傳處理程序地址?! ?br />2、fileElementId 需要上傳的文件域的ID,即的ID。
3、secureuri 是否啟用安全提交,默認(rèn)為false。
4、dataType 服務(wù)器返回的數(shù)據(jù)類型??梢詾閤ml,script,json,html。如果不填寫,jQuery會(huì)自動(dòng)判斷。
5、success 提交成功后自動(dòng)執(zhí)行的處理函數(shù),參數(shù)data就是服務(wù)器返回的數(shù)據(jù)。
6、error 提交失敗自動(dòng)執(zhí)行的處理函數(shù)。
7、data 自定義參數(shù)。這個(gè)東西比較有用,當(dāng)有數(shù)據(jù)是與上傳的圖片相關(guān)的時(shí)候,這個(gè)東西就要用到了。
8、 type 當(dāng)要提交自定義參數(shù)時(shí),這個(gè)參數(shù)要設(shè)置成post
錯(cuò)誤提示:
1、SyntaxError: missing ; before statement錯(cuò)誤
如果出現(xiàn)這個(gè)錯(cuò)誤就需要檢查url路徑是否可以訪問(wèn)
2、SyntaxError: syntax error錯(cuò)誤
如果出現(xiàn)這個(gè)錯(cuò)誤就需要檢查處理提交操作的服務(wù)器后臺(tái)處理程序是否存在語(yǔ)法錯(cuò)誤
3、SyntaxError: invalid property id錯(cuò)誤
如果出現(xiàn)這個(gè)錯(cuò)誤就需要檢查文本域?qū)傩訧D是否存在
4、SyntaxError: missing } in XML expression錯(cuò)誤
如果出現(xiàn)這個(gè)錯(cuò)誤就需要檢查文件name是否一致或不存在
5、其它自定義錯(cuò)誤
大家可使用變量$error直接打印的方法檢查各參數(shù)是否正確,比起上面這些無(wú)效的錯(cuò)誤提示還是方便很多。
使用方法:
第一步:先引入jQuery與ajaxFileUpload插件。注意先后順序,這個(gè)不用說(shuō)了,所有的插件都是這樣。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。