DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> ajaxFileUpload.js插件支持多文件上傳的方法教程
ajaxFileUpload.js插件支持多文件上傳的方法教程
編輯:關於JavaScript     

前提條件:

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'],//現使用方法
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>錯誤信息:網絡異常或表單數據錯誤。','error');
}
});

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved