첨부 파일 추가 스크립트가 작동하질 않습니다
본문
안녕하세요
첨부파일 기본 2개에서 게시글 내에서 추가하면 늘어나도록 했는데요... 첨부파일 추가 버튼이 작동하지 않습니다...
<!-- 첨부파일 -->
<form method="post" enctype="multipart/form-data">
<div id="file-fields">
<?php $initial_upload_count = min($file_count, 2); ?>
<?php for ($i=0; $i < $initial_upload_count; $i++) { ?>
<div class="bo_w_flie write_div file-field">
<div class="file_wr write_div">
<label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>
<input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file">
</div>
<?php if($w == 'u' && $file[$i]['file']) { ?>
<span class="file_del">
<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>
</span>
<?php } ?>
</div>
<?php } ?>
</div>
<button type="button" id="add-file">첨부파일 추가</button>
<div class="btn_confirm write_div">
<a href="<?php echo get_pretty_url($bo_table); ?>" class="btn_cancel btn">취소</a>
<button type="submit" id="btn_submit" accesskey="s" class="btn_submit btn">작성완료</button>
</div>
</form>
<script>
document.addEventListener('DOMContentLoaded', function() {
var maxUploadCount = <?php echo $bo_upload_count; ?>; // 최대 업로드 칸 개수 설정
// 추가 버튼 클릭 시 파일 첨부 칸 추가
document.getElementById('add-file').addEventListener('click', function() {
// 현재 추가된 파일 첨부 칸 개수 확인
var fileFieldCount = document.querySelectorAll('.file-field').length;
// 최대 업로드 칸 개수를 초과하지 않았을 때만 파일 첨부 칸 추가
if (fileFieldCount < maxUploadCount) {
var fileFields = document.getElementById('file-fields');
var fileField = document.createElement('div');
fileField.classList.add('bo_w_flie', 'write_div', 'file-field');
fileField.innerHTML = '<div class="file_wr write_div"><label for="bf_file_new" class="lb_icon"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sound_only"> 새 파일</span></label><input type="file" name="bf_file[]" class="frm_file"></div>';
fileFields.appendChild(fileField);
} else {
alert("더 이상 파일을 추가할 수 없습니다.");
}
});
});
</script>
고수님들 도움 부탁드립니다 ㅠㅠ
답변 2
$bo_upload_count, $initial_upload_count 변수값의 확인이 필요할것 같습니다.
게시판 설정에서 파일 개수 설정 보고 때려넣었습니다.. 이게 인식을 못하는 걸까요?
다음과 같은 상황이라면
$bo_upload_count = 2;
$initial_upload_count = 2;
다음 구문으로 더이상 추가가 안될것 같습니다.
if (fileFieldCount < maxUploadCount) {
다른 일 때문에 아직 못해보고 있네요.. 해보고 댓글 달겠습니다 감사합니다
답변이 늦었네요. 아예 코드 갈아엎어서 해결했습니다!
아예 코드 갈아엎어서 해결했습니다...
올릴만한 수준이 되면 스킨에 올리고 싶네요.
답변을 작성하시기 전에 로그인 해주세요.
