즉석 필기 (16) - 전면 다중 첨부 파일 업로드 편집

：

먼저 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 +='     ';
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();
}

이상은 새 파일에 추가된 처리 및 이동 파일 삭제입니다

즉석 필기 (16) - 전면 다중 첨부 파일 업로드 편집

좋은 웹페이지 즐겨찾기