즉석 필기 (16) - 전면 다중 첨부 파일 업로드 편집
4946 단어 프런트엔드
먼저 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 = '' +
'';
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 ='
' +
'';
$("#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();
}
이상은 새 파일에 추가된 처리 및 이동 파일 삭제입니다