深入淺析AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù)
jQuery.AjaxFileUpload.js是一款jQuery插件,用于通過(guò)ajax上傳文件。
語(yǔ)法:
$.ajaxFileUpload([options])
options參數(shù)說(shuō)明:
1、url 上傳處理程序地址。
2,fileElementId 需要上傳的文件域的ID,即<input type="file">的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
功能特點(diǎn):
它 不依賴于 特定的HTML , 只要給 它 一個(gè) “ < INPUTTYPE= "file" >
它不需要 你的 服務(wù)器 響應(yīng) 時(shí)指定 任何 特定 方式
可以對(duì)大批量文件進(jìn)行操作
示例代碼:
-- Use as little as -- $('#one-specific-file').ajaxfileupload({ 'action': '/upload.php' }); -- or as much as -- $('input[type="file"]').ajaxfileupload({ 'action': '/upload.php', 'params': { 'extra': 'info' }, 'onComplete': function(response) { console.log('custom handler for file:'); alert(JSON.stringify(response)); }, 'onStart': function() { if(weWantedTo) return false; // cancels upload }, 'onCancel': function() { console.log('no file selected'); } });
關(guān)于AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù)就給大家介紹到這里,希望對(duì)大家有所幫助!
- jquery之a(chǎn)jaxfileupload異步上傳插件(附工程代碼)
- 利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無(wú)刷新的具體方法
- 使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例
- PHP+ajaxfileupload+jcrop插件完美實(shí)現(xiàn)頭像上傳剪裁
- 一個(gè)簡(jiǎn)單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- 使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版
- ajaxFileUpload.js插件支持多文件上傳的方法
- ThinkPHP結(jié)合AjaxFileUploader實(shí)現(xiàn)無(wú)刷新文件上傳的方法
- asp.net+ajaxfileupload.js 實(shí)現(xiàn)文件異步上傳代碼分享
- PHP結(jié)合jQuery插件ajaxFileUpload實(shí)現(xiàn)異步上傳文件實(shí)例
相關(guān)文章
Ajax實(shí)現(xiàn)phpcms 點(diǎn)贊功能實(shí)例代碼
這篇文章主要介紹了Ajax實(shí)現(xiàn)phpcms 點(diǎn)贊功能實(shí)例代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03AJAX客戶端說(shuō)明,XMLHttpRequest對(duì)象
AJAX客戶端說(shuō)明,XMLHttpRequest對(duì)象...2007-01-01基于ajax html實(shí)現(xiàn)文件上傳技巧總結(jié)
這篇文章主要為大家詳細(xì)總結(jié)了基于ajax html實(shí)現(xiàn)文件上傳技巧,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法
這篇文章主要介紹了Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-07-07AJax 學(xué)習(xí)筆記一(XMLHTTPRequest對(duì)象)
今天學(xué)習(xí)了點(diǎn)關(guān)于XMLHttpRequest對(duì)象的一些方法和屬性,有點(diǎn)體會(huì),在這里也想記錄起來(lái)。2010-04-04