게시판 영문으로 바꿀려고 하는데 하단 파일첨부부분

그곳

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2024-07-29 (월) 11:22:52 2,417

파일선택/ 선택한 파일없음 => 이부분은 어디서 바꾸나요?

3556447977_1722219738.2122.png

그누보드5

답변 5개 / 댓글 1개

채택된 답변

+20 포인트

미니님a

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2024-07-29 (월) 11:40:26

일단은 그냥은 안됩니다.

기본 브라우저 값으로 보이기 때문에 커스텀을 이용하셔야 합니다.

아래 움짤 참고하세요

978180634_1722220800.6338.gif

코드는 다음과 같습니다.

Copy

<style>

.file-input-wrapper {

            position: relative;

            overflow: hidden;

            display: inline-block;

        }

 

        .file-input-button {

            border: 1px solid #ccc;

            color: #333;

            background-color: #f9f9f9;

            padding: 5px 10px;

            cursor: pointer;

        }

 

        .file-input {

            position: absolute;

            top: 0;

            right: 0;

            margin: 0;

            padding: 0;

            font-size: 100px;

            cursor: pointer;

            opacity: 0;

            filter: alpha(opacity=0);

        }

 

        .file-name {

            margin-left: 10px;

        }

    </style>

 

<div class="file-input-wrapper">

        <button class="file-input-button">Select File</button>

        <input type="file" class="file-input" id="file-input">

        <span class="file-name">No file selected</span>

    </div>

   

    <script>

        document.getElementById('file-input').addEventListener('change', function() {

            var fileName = this.files[0] ? this.files[0].name : 'No file selected';

            document.querySelector('.file-name').textContent = fileName;

        });

    </script>