아무거나

[jquery] Input TYPE=“File” 을 히든으로 하고 외부 버튼을 눌러서 파일을 선택 본문

Javascript & HTML & CSS/Javascript

[jquery] Input TYPE=“File” 을 히든으로 하고 외부 버튼을 눌러서 파일을 선택

전봉근 2019. 12. 24. 02:01
반응형
    <script type="text/javascript">
        $(function () {
            $('#btn-upload').click(function (e) {
                e.preventDefault();
                $('#file').click();
            });
        });

        function changeValue(obj){
            alert(obj.value);
        }
    </script>

    <style type="text/css">
        #file { display:none; } 
    </style>

    <div>
        <input type="file" id="file" name="file" onchange="changeValue(this)"/>
        <button type="button" id="btn-upload">Image</button>
    </div>
반응형
Comments