테스트 사이트 - 개발 중인 베타 버전입니다

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

Winter0 1년 전 조회 2,575

안녕하세요

첨부파일 기본 2개에서 게시글 내에서 추가하면 늘어나도록 했는데요... 첨부파일 추가 버튼이 작동하지 않습니다...

 

</p>

<p><!-- 첨부파일 --></p>

<p><form method="post" enctype="multipart/form-data"></p>

<p>    <div id="file-fields"></p>

<p>        <?php $initial_upload_count = min($file_count, 2); ?></p>

<p>        <?php for ($i=0; $i < $initial_upload_count; $i++) { ?></p>

<p>            <div class="bo_w_flie write_div file-field"></p>

<p>                <div class="file_wr write_div"></p>

<p>                    <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></p>

<p>                    <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"></p>

<p>                </div></p>

<p>                <?php if($w == 'u' && $file[$i]['file']) { ?></p>

<p>                    <span class="file_del"></p>

<p>                        <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></p>

<p>                    </span></p>

<p>                <?php } ?></p>

<p>            </div></p>

<p>        <?php } ?></p>

<p>    </div></p>

<p>    <button type="button" id="add-file">첨부파일 추가</button></p>

<p>    <div class="btn_confirm write_div"></p>

<p>        <a href="<?php echo get_pretty_url($bo_table); ?>" class="btn_cancel btn">취소</a></p>

<p>        <button type="submit" id="btn_submit" accesskey="s" class="btn_submit btn">작성완료</button></p>

<p>    </div></p>

<p></form></p>

<p> </p>

<p><script></p>

<p>document.addEventListener('DOMContentLoaded', function() {</p>

<p>    var maxUploadCount = <?php echo $bo_upload_count; ?>; // 최대 업로드 칸 개수 설정</p>

<p>   </p>

<p>    // 추가 버튼 클릭 시 파일 첨부 칸 추가</p>

<p>    document.getElementById('add-file').addEventListener('click', function() {</p>

<p>        // 현재 추가된 파일 첨부 칸 개수 확인</p>

<p>        var fileFieldCount = document.querySelectorAll('.file-field').length;</p>

<p> </p>

<p>        // 최대 업로드 칸 개수를 초과하지 않았을 때만 파일 첨부 칸 추가</p>

<p>        if (fileFieldCount < maxUploadCount) {</p>

<p>            var fileFields = document.getElementById('file-fields');</p>

<p>            var fileField = document.createElement('div');</p>

<p>            fileField.classList.add('bo_w_flie', 'write_div', 'file-field');</p>

<p>            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>';</p>

<p>            fileFields.appendChild(fileField);</p>

<p>        } else {</p>

<p>            alert("더 이상 파일을 추가할 수 없습니다.");</p>

<p>        }</p>

<p>    });</p>

<p>});</p>

<p></script></p>

<p>

 

고수님들 도움 부탁드립니다 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
1년 전

$bo_upload_count, $initial_upload_count 변수값의 확인이 필요할것 같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

W
Winter0
1년 전
게시판 설정에서 파일 개수 설정 보고 때려넣었습니다.. 이게 인식을 못하는 걸까요?
배르만
1년 전
다음과 같은 상황이라면
[code]
$bo_upload_count = 2;
$initial_upload_count = 2;
[/code]

다음 구문으로 더이상 추가가 안될것 같습니다.
[code]
if (fileFieldCount < maxUploadCount) {
[/code]
W
Winter0
1년 전
다른 일 때문에 아직 못해보고 있네요.. 해보고 댓글 달겠습니다 감사합니다
W
Winter0
1년 전
답변이 늦었네요. 아예 코드 갈아엎어서 해결했습니다!

댓글을 작성하려면 로그인이 필요합니다.

Winter0
1년 전

아예 코드 갈아엎어서 해결했습니다...

올릴만한 수준이 되면 스킨에 올리고 싶네요. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인