그누보드 - 게시판 파일첨부 인풋 동적추가하기

게시판 파일첨부 인풋 동적추가하기 > 그누보드5 팁자료실

그누보드5 팁자료실

게시판 파일첨부 인풋 동적추가하기 정보

게시판 파일첨부 인풋 동적추가하기

본문

write.skin.php 를 간단하게 수정하시면 됩니다.

스킨 상단에


<SCRIPT LANGUAGE="JavaScript">
<!--
cnt=0;
function input_append(ff){
  cnt++;
  if (cnt < <?=$file_count?>)
  {
  app = document.getElementById("append");
  app.innerHTML += "<input type='file' style='height:20px;' name='bf_file[]' title='파일첨부 <?php echo $i+1 ?> :  용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능' class='frm_file inTxt' accept='image' ><br>";
  } else {
	alert ("<?=$file_count?>개까지 등록 가능합니다")
  }
}

//-->
</SCRIPT>

이 스크립트를 넣어주시고

파일첨부 부분인


<?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
        <tr>
            <th scope="row">파일 #<?php echo $i+1 ?></th>
            <td>
                <input type="file" name="bf_file[]" title="파일첨부 <?php echo $i+1 ?> :  용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file frm_input">
                <?php if ($is_file_content) { ?>
                <input type="text" name="bf_content[]" value="<?php echo $file[$i]['bf_content'];  ?>" title="파일 설명을 입력해주세요." class="frm_file frm_input" size="50">
                <?php } ?>
                <?php if($w == 'u' && $file[$i]['file']) { ?>
                <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>
                <?php } ?>
            </td>
        </tr>
        <?php } ?>

이 소스를 아래 소스로 교체하시면 됩니다.


<tr>
<th scope="row">파일첨부</th>
<td>

<div style="float:right;"><input type="button" value="+ 사진추가" onclick="input_append(this.form)"></div>

<div id="append" style="float:left;" ><input type='file' style="height:20px;" name='bf_file[]' title='파일첨부 <?php echo $i+1 ?> :  용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능' class='frm_file inTxt'><br>
</div>
<div style="clear:both;"></div>
</td>
</tr>

+ 만 있고 - 는 따로 넣지 않았습니다.
별도 디자인이 되어있는것도 아니라서 디자인은 하셔야 해요~