深入淺析AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù)
jQuery.AjaxFileUpload.js是一款jQuery插件,用于通過(guò)ajax上傳文件。
語(yǔ)法:
$.ajaxFileUpload([options])
options參數(shù)說(shuō)明:
1、url 上傳處理程序地址?! ?br />
2,fileElementId 需要上傳的文件域的ID,即<input type="file">的ID。
3,secureuri 是否啟用安全提交,默認(rèn)為false。
4,dataType 服務(wù)器返回的數(shù)據(jù)類(lèi)型??梢詾閤ml,script,json,html。如果不填寫(xiě),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):
它 不依賴(lài)于 特定的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)文章
基于Blod的ajax進(jìn)度條下載實(shí)現(xiàn)示例代碼
本篇文章主要介紹了基于Blod的ajax進(jìn)度條下載實(shí)現(xiàn)示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
jquery中的ajax如何返回結(jié)果而非回調(diào)方式即為同順序執(zhí)行
默認(rèn)ajax是異步的,也就是在未響應(yīng)到結(jié)果時(shí)不影響向下的執(zhí)行,如果非要返回結(jié)果的話(huà),將ajax 中的參數(shù) async 改為 false,即為同順序執(zhí)行2014-05-05
ECSHOP中實(shí)現(xiàn)ajax彈窗登錄功能
本文主要給大家介紹在ecshop中實(shí)現(xiàn)ajax彈窗登錄功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-03-03
解決ajax提交到后臺(tái)數(shù)據(jù)成功但返回不走success而走的error問(wèn)題
今天小編就為大家分享一篇解決ajax提交到后臺(tái)數(shù)據(jù)成功但返回不走success而走的error問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
JavaScript如何控制Session實(shí)現(xiàn)原理及代碼
看到這個(gè)題目,或許有人會(huì)提出疑問(wèn),JavaScript代表客戶(hù)端,而Session代表的是服務(wù)器(不知道這樣說(shuō)大家是否能夠理解)現(xiàn)在就回到了題目所描述的問(wèn)題寫(xiě)一個(gè)JavaScript方法,使其修改Session,感興趣的朋友可以了解下,或許本文對(duì)你學(xué)習(xí)ajax有所幫助2013-02-02
SpringMVC+Ajax實(shí)現(xiàn)文件批量上傳和下載功能實(shí)例代碼
這篇文章主要介紹了SpringMVC+Ajax實(shí)現(xiàn)文件批量上傳和下載功能實(shí)例代碼,代碼分為上傳form和上傳ajax,具體實(shí)例代碼大家參考下本文2017-11-11

