ajaxFileupload 多文件上传

ajaxFileupload 多文件上传

 

修改前的代码:

 

    var oldElement = jQuery('#' + fileElementId);  
    var newElement = jQuery(oldElement).clone();  
    jQuery(oldElement).attr('id', fileId);  
    jQuery(oldElement).before(newElement);  
    jQuery(oldElement).appendTo(form);  

 

 

要实现多个文件上传，就改成下面的样子：

    if(typeof(fileElementId) == 'string'){  
        fileElementId = [fileElementId];  
    }  
    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);  
    }  

 

初始化的代码：

    $.ajaxFileUpload({  
        url:'/ajax.php',  
        fileElementId:['id1','id2']//原先是fileElementId:’id’ 只能上传一个  
    });  

 

实例调用：

       var numArr = [];
        var txt = $("#fileList").find("input:file"); //获取所有上传附件框
        for (var i = 0; i < txt.length; i++) {
            numArr.push(txt.eq(i).attr('id'));       //将附件框的ID添加到数组中
        }
       
        //提交表单
        $.ajaxFileUpload
        (
            {
                url: '/Selector/Upload', //用于文件上传的服务器端请求地址
                type: 'post',
                data: { ProjectId: 'lunis' }, //此参数非常严谨，写错一个引号都不行
                secureuri: false, //一般设置为false
                fileElementId: numArr,  
                dataType: 'json', //返回值类型 一般设置为json
                success: function (data, status)  //服务器成功响应处理函数
                {
       
                },
                error: function (data, status, e)//服务器响应失败处理函数
                {
                    alert(e);
                }
            }
        )