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

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

QA

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

답변 2

본문

안녕하세요

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 30
© SIRSOFT
현재 페이지 제일 처음으로