ajaxFileUpload.js插件支持多文件上傳的方法
更新時間:2014年09月02日 15:21:59 投稿:whsnow
這篇文章主要介紹了ajaxFileUpload.js插件支持多文件上傳的方法,需要的朋友可以參考下
前提條件:
ajaxFileUpload.js插件多文件上傳
步驟:
1、修改源碼,(源碼只支持單個文件的上傳):
復制代碼 代碼如下:
//修改前代碼-------
//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、使用方法:
復制代碼 代碼如下:
$.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('信息','導入成功。','info');
} else {
$('#import_right').dialog('open');
$.messager.alert('信息','導入失敗。<br>錯誤信息:'+data.message,'error');
}
},
error : function(data, status, e)
{
ajaxLoadEnd();
$.messager.alert('信息','導入失敗。<br>錯誤信息:網(wǎng)絡異?;虮韱螖?shù)據(jù)錯誤。','error');
}
});
相關文章
js基于面向對象實現(xiàn)網(wǎng)頁TAB選項卡菜單效果代碼
這篇文章主要介紹了js基于面向對象實現(xiàn)網(wǎng)頁TAB選項卡菜單效果代碼,實例演示了鼠標滑過即點擊兩種方式實現(xiàn)tab選項卡切換功能,涉及JavaScript鼠標事件控制頁面元素屬性變換的功能,需要的朋友可以參考下2015-09-09JavaScript實現(xiàn)經(jīng)緯度轉換成地址功能
這篇文章主要介紹了JavaScript實現(xiàn)經(jīng)緯度轉換成地址,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03ES6中的迭代器、Generator函數(shù)及Generator函數(shù)的異步操作方法
這篇文章主要介紹了ES6中的迭代器、Generator函數(shù)以及Generator函數(shù)的異步操作方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05一文教你實現(xiàn)JavaScript防抖優(yōu)化代碼
在我們前端編程中,假如我們要給后端發(fā)送請求,萬一手抖多點了幾次,多發(fā)送了幾遍怎么辦,那就得用防抖處理,下面小編就來教大家如何實現(xiàn)防抖吧2023-11-11javascript中的有名函數(shù)和無名函數(shù)
javascript中的有名函數(shù)和無名函數(shù)...2007-10-10