첨부 파일 추가 스크립트가 작동하질 않습니다

첨부 파일 추가 스크립트가 작동하질 않습니다

QA

첨부 파일 추가 스크립트가 작동하질 않습니다

본문

안녕하세요

첨부파일 기본 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 변수값의 확인이 필요할것 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 40
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT