深入淺析AjaxFileUpload實現(xiàn)單個文件的 Ajax 文件上傳庫
jQuery.AjaxFileUpload.js是一款jQuery插件,用于通過ajax上傳文件。
語法:
$.ajaxFileUpload([options])
options參數(shù)說明:
1、url 上傳處理程序地址。
2,fileElementId 需要上傳的文件域的ID,即<input type="file">的ID。
3,secureuri 是否啟用安全提交,默認(rèn)為false。
4,dataType 服務(wù)器返回的數(shù)據(jù)類型??梢詾閤ml,script,json,html。如果不填寫,jQuery會自動判斷。
5,success 提交成功后自動執(zhí)行的處理函數(shù),參數(shù)data就是服務(wù)器返回的數(shù)據(jù)。
6,error 提交失敗自動執(zhí)行的處理函數(shù)。
7,data 自定義參數(shù)。這個東西比較有用,當(dāng)有數(shù)據(jù)是與上傳的圖片相關(guān)的時候,這個東西就要用到了。
8, type 當(dāng)要提交自定義參數(shù)時,這個參數(shù)要設(shè)置成post
功能特點(diǎn):
它 不依賴于 特定的HTML , 只要給 它 一個 “ < INPUTTYPE= "file" >
它不需要 你的 服務(wù)器 響應(yīng) 時指定 任何 特定 方式
可以對大批量文件進(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實現(xiàn)單個文件的 Ajax 文件上傳庫就給大家介紹到這里,希望對大家有所幫助!
- jquery之a(chǎn)jaxfileupload異步上傳插件(附工程代碼)
- 利用ajaxfileupload插件實現(xiàn)文件上傳無刷新的具體方法
- 使用AjaxFileUpload.js實現(xiàn)異步文件上傳示例
- PHP+ajaxfileupload+jcrop插件完美實現(xiàn)頭像上傳剪裁
- 一個簡單的jQuery插件ajaxfileupload.js實現(xiàn)ajax上傳文件例子
- 使用ajaxfileupload.js實現(xiàn)ajax上傳文件php版
- ajaxFileUpload.js插件支持多文件上傳的方法
- ThinkPHP結(jié)合AjaxFileUploader實現(xiàn)無刷新文件上傳的方法
- asp.net+ajaxfileupload.js 實現(xiàn)文件異步上傳代碼分享
- PHP結(jié)合jQuery插件ajaxFileUpload實現(xiàn)異步上傳文件實例
相關(guān)文章
基于Blod的ajax進(jìn)度條下載實現(xiàn)示例代碼
本篇文章主要介紹了基于Blod的ajax進(jìn)度條下載實現(xiàn)示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jquery中的ajax如何返回結(jié)果而非回調(diào)方式即為同順序執(zhí)行
默認(rèn)ajax是異步的,也就是在未響應(yīng)到結(jié)果時不影響向下的執(zhí)行,如果非要返回結(jié)果的話,將ajax 中的參數(shù) async 改為 false,即為同順序執(zhí)行2014-05-05
解決ajax提交到后臺數(shù)據(jù)成功但返回不走success而走的error問題
今天小編就為大家分享一篇解決ajax提交到后臺數(shù)據(jù)成功但返回不走success而走的error問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JavaScript如何控制Session實現(xiàn)原理及代碼
看到這個題目,或許有人會提出疑問,JavaScript代表客戶端,而Session代表的是服務(wù)器(不知道這樣說大家是否能夠理解)現(xiàn)在就回到了題目所描述的問題寫一個JavaScript方法,使其修改Session,感興趣的朋友可以了解下,或許本文對你學(xué)習(xí)ajax有所幫助2013-02-02
SpringMVC+Ajax實現(xiàn)文件批量上傳和下載功能實例代碼
這篇文章主要介紹了SpringMVC+Ajax實現(xiàn)文件批量上傳和下載功能實例代碼,代碼分為上傳form和上傳ajax,具體實例代碼大家參考下本文2017-11-11

