모바일에서 스마트폰 카메라 사용하기 > 그누보드5 팁자료실

그누보드5 팁자료실

모바일에서 스마트폰 카메라 사용하기 정보

모바일에서 스마트폰 카메라 사용하기

본문

        <script>

            $(function(){

                $('#camera').change(function(e){

                    $('#pic').attr('src', URL.createObjectURL(e.target.files[0]));

                });

            });

        </script>

        <input type="file" id="camera" name="camera" capture="camera" accept="image/*" />

        <br/>

        <img id="pic" style="width:100%;" />

 

모바일에서 소스 추가시 버튼 눌르면 사진촬영 기능이 활성화됩니다.
 

추천
6
  • 복사

댓글 13개

나무사랑 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.25 04:39:57
이해를 잘못한건가요? 스마트폰에서 위 소스사용하여  웹이미지를 바로 촬영하려니 안됩니다. 그냥 카메라만 켜집니다.
들레아빠 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.25 09:34:35
mobile/skin/board/gallery/write.skin.php line 128~129 

                <label for="bf_file_<?php echo $i+1 ?>"><i class="fa fa-download lb_icon" aria-hidden="true"></i><span class="sound_only">파일 #<?php echo $i+1 ?></span><span class="btn_file">파일첨부</span></label>
                <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 uploadBtn">

to 

                <label for="bf_file_<?php echo $i+1 ?>"><i class="fa fa-download lb_icon" aria-hidden="true"></i><span class="sound_only">파일 #<?php echo $i+1 ?></span><span class="btn_file"><?php if($file_count==$i+1){echo '사진첨부';} else {echo '파일첨부';} ?></span></label>
                <input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" <?php if($file_count==$i+1){echo 'capture="camera" accept="image/*"';}?> title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file uploadBtn">

호텔천사 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.27 10:13:47

안녕하세요.
팁으로 올라온 내용은 스크립트도 있고 한데.. 들레아빠님이 올린 내용대로 하면 되나요? 스크립트를 안넣었는대두 핸드폰으로 게시판 글쓰기를 할때
파일첨부 >> 핸드폰모양 >> 카메라촬영 이 되네요..
스크립트 넣어야 하는건가요? 안넣도 되는건가요? 헤깔리네요.
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로