AjaxFileUploaderV2.1增加可上传多个文件

//将下面的代码换成第二段代码
createUploadForm: function(id, fileElementId, data)

{
//create form
var formId = 'jUploadForm' + id;

var fileId = 'jUploadFile' + id;
var form = jQuery('<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');
if(data)
{
for(var i in data)
{
jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);
}
}
var oldElement = jQuery('#' + fileElementId);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);



//set attributes
jQuery(form).css('position', 'absolute');

jQuery(form).css('top', '-1200px');
jQuery(form).css('left', '-1200px');
jQuery(form).appendTo('body');
return form;
},

//换成

createUploadForm: function(id, fileElementId, data)
{
//create form
var formId = 'jUploadForm' + id;


var form = jQuery('<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');
if(data)
{
for(var i in data)
{
jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);
}
}

for(var i in fileElementId)
{
var fileId = 'jUploadFile' + id + i;
var oldElement = jQuery('#' + fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
//set attributes
jQuery(form).css('position', 'absolute');

jQuery(form).css('top', '-1200px');
jQuery(form).css('left', '-1200px');
jQuery(form).appendTo('body');
}
return form;
},

 

使用的代码如下:

    $.ajaxFileUpload
(
{
url:'Url.php',
secureuri:false,
fileElementId:['File1','File2'],
dataType: 'json',
data:{
ID:$.trim($("#ID").val())
},
success: function (data, status){
if(typeof(data.error) != 'undefined'){
if(data.error != ''){
alert(data.error);
}
}
},
error: function (data, status, e){
alert(e);
}
}
)

只需要修改fileElementId:['File1','File2'],其中File1,File2是相应要上传的ID.

posted @ 2011-10-07 10:55  Athrun  阅读(663)  评论(0编辑  收藏  举报