ajaxFileUpload.js插件支持多文件上傳的方法
更新時(shí)間：2014年09月02日 15:21:59 投稿：whsnow
這篇文章主要介紹了ajaxFileUpload.js插件支持多文件上傳的方法,需要的朋友可以參考下
前提條件：
ajaxFileUpload.js插件多文件上傳
步驟：
1、修改源碼，（源碼只支持單個(gè)文件的上傳）：
復(fù)制代碼 代碼如下:
//修改前代碼-------
//var oldElement = jQuery('#' + fileElementId);
//var newElement = jQuery(oldElement).clone();
//jQuery(oldElement).attr('id', fileId);
//jQuery(oldElement).before(newElement);
//jQuery(oldElement).appendTo(form);
//修改前代碼-------
//修改后代碼-------
for(var i in fileElementId){
var oldElement = jQuery('#' + fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
//修改后代碼-------
2、使用方法：
復(fù)制代碼 代碼如下:
$.ajaxFileUpload({
url : "./upload/upload.action",
secureuri : false,
//fileElementId:'uploadfile1',//原使用方法
fileElementId : ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],//現(xiàn)使用方法
dataType : 'json',
success : function(data) {
ajaxLoadEnd();
if (data.result == "success") {
$.messager.alert('信息','導(dǎo)入成功。','info');
} else {
$('#import_right').dialog('open');
$.messager.alert('信息','導(dǎo)入失敗。<br>錯(cuò)誤信息：'+data.message,'error');
}
},
error : function(data, status, e)
{
ajaxLoadEnd();
$.messager.alert('信息','導(dǎo)入失敗。<br>錯(cuò)誤信息：網(wǎng)絡(luò)異常或表單數(shù)據(jù)錯(cuò)誤。','error');
}
});
相關(guān)文章
今天小編就為大家分享一篇layer.js之回調(diào)銷毀對話框的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序?qū)崿F(xiàn)拉鏈?zhǔn)降幕瑒?dòng)驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)拉鏈?zhǔn)降幕瑒?dòng)驗(yàn)證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
微信小程序?qū)崿F(xiàn)移動(dòng)端滑動(dòng)分頁效果（ajax）
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)移動(dòng)端滑動(dòng)分頁效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
初學(xué)者不建議看，這些都是用類實(shí)現(xiàn)的代碼，高手推薦學(xué)習(xí)2008-10-10
JavaScript調(diào)用傳遞變量參數(shù)的相關(guān)問題及解決辦法
本文給大家介紹javascript調(diào)用傳遞變量參數(shù)的相關(guān)問題及解決辦法，涉及到j(luò)s調(diào)用傳遞參數(shù)相關(guān)知識，對js調(diào)用傳遞參數(shù)感興趣的朋友一起學(xué)習(xí)吧2015-11-11
微信小程序uploadFile接口實(shí)現(xiàn)文件上傳
這篇文章主要介紹了微信小程序uploadFile接口實(shí)現(xiàn)文件上傳流程，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
javascript-簡單的計(jì)算器實(shí)現(xiàn)步驟分解(附圖)
輸入內(nèi)容的判斷，對于事件對象的來源的判斷以及數(shù)學(xué)運(yùn)算“+，-，*，/”的使用，感興趣的朋友可以學(xué)習(xí)下2013-05-05
這篇文章主要介紹了JS中多步驟多分步的StepJump組件實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-04-04
把文本中的URL地址轉(zhuǎn)換為可點(diǎn)擊鏈接的JavaScript、PHP自定義函數(shù)
這篇文章主要介紹了把文本中的URL地址轉(zhuǎn)換為可點(diǎn)擊鏈接的JavaScript、PHP自定義函數(shù),需要的朋友可以參考下2014-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)商品分類列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05