동적 업로드 추가 삭제

<script type="text/javascript">
<!--
var uf = "";
function file_add(size, ext)
{
    var filecountTemp = parseInt(document.getElementById("file_cnt").value);
    var parents   = document.getElementById("file_add_form");
    var br    = document.createElement("br");
    br.setAttribute("id", "br"+(filecountTemp+1));
    parents.appendChild(br);
 if (filecountTemp == 10)
 {
  alert("폼은 최대 10개까지 가능합니다");         //< --- 이 부분 지우면 무한대로 추가됨.
  return;
 } else {
     var obj   = document.createElement("input");
     obj.setAttribute("type", "file");
     obj.setAttribute("size", size);
     obj.setAttribute("name", "file"+(filecountTemp+1));
     obj.setAttribute("id", "file"+(filecountTemp+1));
     parents.appendChild(obj);
    }
    document.getElementById("file_cnt").value = filecountTemp + 1;
}
function file_delete()
{
    var filecountTemp = parseInt(document.getElementById("file_cnt").value);
    var parents   = document.getElementById("file_add_form");
    var obj    = document.getElementById('file'+filecountTemp);
    var br    = document.getElementById('br'+filecountTemp);
 parents.removeChild(obj);
  
    document.getElementById("file_cnt").value = filecountTemp - 1;
}
//-->
</script>

<input type="hidden" id="file_cnt" name="file_cnt" value="1">
 <a href="javascript:file_add(50, 'class=input_write');"><b>첨부폼추가</b></a>
 <a href="javascript:file_delete();"><b>첨부폼삭제</b></a>
<div id='file_add_form'><input type=file name='file1' size='50' class='input_write'></div>

댓글