JavaScript는 파일 필드 양식을 동적으로 추가하는 기능을 구현합니다.

여러 파일을 업로드하려면 js를 사용하여 파일 필드를 동적으로 생성할 수 있습니다. 나중에 직접 사용할 수 있도록 소스 코드를 여기에 저장하세요.

JS 코드:

<script 언어="javascript">

//전역 변수, 파일 필드 수를 나타내며 이 변수를 사용하여 파일 필드의 이름 속성을 구별합니다.

var file_count = 0

//파일 필드 추가

function additem(id) ) {

if ( file_count > 9) {

Alert("최다 u22810 10 u25991 파일 ");

return;

}

//행 변수 row를 정의합니다.

cell

,str;

//지정된 ID를 사용하여 테이블에 행을 삽입합니다

. row = eval("+'"'+id+'"'+"]").insertRow();

row ! = null ) {

//행의 배경색 설정

row.bgColor="white";

//행에 셀 삽입

cell = row.insertCell()

//파일을 포함한 str 값 설정 필드 및 삭제 버튼

str='<input onselectstart="return false" class="tf" onpaste="return false" type="file" name="file[' + file_count + ']" style="width:500px " onkeydown="return false;"/>';

str += "&nbsp;<input type="+'"'+"button"+'"'+" value="+'"'+"삭제"+' "'+" onclick ='deleteitem(this,"+'"'+"tb"+'"'+");'>";

//파일 필드 수가 증가합니다.

file_count++;

//셀의 innerHTML을 설정합니다.

cell.innerHTML =str

의 내용

}

}
//파일 도메인 삭제
함수 deleteitem(obj,id) {
var rowNum,curRow;
curRow = obj.parentNode.parentNode;
rowNum = eval("document.all."+id).rows.length - 1;
eval("document.all["+'"'+id+'"'+"]").deleteRow(curRow.rowIndex);
파일_개수--;
}
</script>

HTML 코드:

<input type=button value="Add" onclick='additem("tb")'/><br/>
<테이블 셀 간격="0" id="tb" 스타일="너비:400px">
</table>