파일업로드 input 창에 불러온 이미지명 나오게 처리 하는 부분이?
본문
파일 첨부할때 클릭해서 파일첨부창에서 이미지 선택하면 이미지명이 input창에 들어가도록 처리되는 부분이 어디인지 알수 있을까요?
파일 첨부창에서 이미지 선택했을때 이미지명이 나오지 않아 이미지명 넣어주는 처리하는 부분을 체크 해봐야하는데 어디서 처리되는지를 모르겠네요ㅠ
이 이미지캡쳐처럼 이렇게 파일 선택하면 이미지명이 나와야 여러 파일 추가할때 구분이 되는데
이미지명이 안나오니 헷갈리네요
답변 2
기존 코드에는 파일을 선택했을 때
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>
원래라면 나와야 하는데 커스텀을 하셨으면 커스텀 하신 부분을 살펴보셔야 할 거 같습니다.
해당은 브라우저 기본이라서 특별히 안나올 이유는 없습니다.
