随手笔记（十六）———前端多附件上传编辑

		

			多附件上传：

			

		    
			

			

			
			
            
			
				删除附件
			
            


	    	
			
			

先附上html部分的代码

function oldFiles(){

    var contractFilesNames = $("#sign").val();
    var contractFilesIds = $("#projectFile").val();
    var filePaths = $("#filePath").val();

    contractFilesNames = contractFilesNames.split(',');
    contractFilesIds = contractFilesIds.split(',');
    filePaths = filePaths.split(',');
    var arrName = [];
    var arrId = [];

    for (var i = 0; i < contractFilesNames.length; i++) {
        var content = '
' +
            ''+
            ''+''
        +'' +

            ''+contractFilesNames[i]+'' +
            ''
        +''+''
            +'
';
        if (contractFilesNames!=""){
            $("#contractFileGroup").append(content);
        }
        var contrfn = $("#sign"+i).val();
        var contrfd = $("#projectFile"+i).val();
 
        arrName.push(contrfn);
        arrId.push(contrfd);
    }
    //获取最新的文件id和文件名
    var cont = ''+
    '';
    $("#contractFileGroup").append(cont);

}

以上是JS处理旧的附件文件生成的html

function addFile(){
    var num = document.getElementsByName("contractFiles").length;
    num ++;
    var       content ='
' +
        '
'
    content +='
';
    content +=''
    content +=    '
';
    content +='
';
    $("#addDiv").append(content)
}

function removeOtherFile(num){
    $("#addDiv").find("div[id=addDiv"+num+"]").remove();
}

function hiddenLink() {
    var value = $("#contractFiles").val();
    if(value!=null&&value!="") {
        $("#fileLink").hide();
    }
}

function removeFileAfter(i) {
    var deleteFileId = $("#projectFile"+i).val();
    var deleteFileName = $("#sign"+i).val();
    var content2 = ''+
        '';
    $("#addDiv"+i).append(content2);
    $("#oldFileName"+i).val("");
    $("#sign"+i).val("");
    $("#projectFile"+i).val("");
    $("#fileLink"+i).hide();
    var dign = $("#sign"+i).val();
    var dsai = $("#projectFile"+i).val();
}

以上是新文件添加的处理以及删除移动文件