첨부 파일 추가 스크립트가 작동하질 않습니다 채택완료
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 포인트
답변에 대한 댓글 4개
W
Winter0
1년 전
게시판 설정에서 파일 개수 설정 보고 때려넣었습니다.. 이게 인식을 못하는 걸까요?
�
배르만
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]
W
Winter0
1년 전
다른 일 때문에 아직 못해보고 있네요.. 해보고 댓글 달겠습니다 감사합니다
W
Winter0
1년 전
답변이 늦었네요. 아예 코드 갈아엎어서 해결했습니다!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인