파일업로드 input 창에 불러온 이미지명 나오게 처리 하는 부분이? 채택완료

기존 코드에는 파일을 선택했을 때

input 필드에 파일명을 자동으로 표시하는 기능이 포함되어 있지 않을 것입니다.

write.skin.php 또는 common.js에 JavaScript 코드를 추가해야 할 것으로 보입니다.
 

＊skin/board/basic/write.skin.php에서 직접 JavaScript 코드 추가하는 예시

  - 파일 업로드 창 아래에 파일명을 표시하는 input 필드를 추가

<input type="file" id="file_input" name="file_upload">
<input type="text" id="file_name_display" readonly>
＊write.skin.php 내부에 JavaScript 코드 추가

  - 파일을 선택했을 때, input 필드에 파일명이 자동으로 입력되도록 스크립트를 추가

<script>
document.addEventListener("DOMContentLoaded", function() {
    let fileInput = document.getElementById("file_input");
    let fileNameDisplay = document.getElementById("file_name_display"); // 파일명을 표시할 input 요소

    if (fileInput && fileNameDisplay) {
        fileInput.addEventListener("change", function() {
            if (this.files.length > 0) {
                fileNameDisplay.value = this.files[0].name;
            }
        });
    }
});
</script>