첨부 파일 추가 스크립트가 작동하질 않습니다 채택완료
안녕하세요
첨부파일 기본 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개
�
1년 전
다음과 같은 상황이라면
[code]
$bo_upload_count = 2;
$initial_upload_count = 2;
[/code]
다음 구문으로 더이상 추가가 안될것 같습니다.
[code]
if (fileFieldCount < maxUploadCount) {
[/code]
[code]
$bo_upload_count = 2;
$initial_upload_count = 2;
[/code]
다음 구문으로 더이상 추가가 안될것 같습니다.
[code]
if (fileFieldCount < maxUploadCount) {
[/code]
댓글을 작성하려면 로그인이 필요합니다.
1년 전
아예 코드 갈아엎어서 해결했습니다...
올릴만한 수준이 되면 스킨에 올리고 싶네요.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택