2026, 새로운 도약을 시작합니다.

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

        <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%;" />

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

|

댓글 13개

[http://sir.kr/data/editor/2111/515fa379c4dd07f0a14056757d67245c_1637672924_1777.png]

좋은 팁입니다. 감사합니다.
유용한 정보네요 감사합니다.
너무 좋네요. 감사합니다!!
이해를 잘못한건가요? 스마트폰에서 위 소스사용하여 웹이미지를 바로 촬영하려니 안됩니다. 그냥 카메라만 켜집니다.
@나무사랑 mobile/skin/board/gallery/write.skin.php line 128~129
[code]
<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">
[/code]
to
[code]
<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">
[/code]
[http://sir.kr/data/editor/2111/6639ee1e549ce26e0bc9243f016ad5a1_1637800467_8375.jpg]
@들레아빠
안녕하세요.
팁으로 올라온 내용은 스크립트도 있고 한데.. 들레아빠님이 올린 내용대로 하면 되나요? 스크립트를 안넣었는대두 핸드폰으로 게시판 글쓰기를 할때
파일첨부 >> 핸드폰모양 >> 카메라촬영 이 되네요..
스크립트 넣어야 하는건가요? 안넣도 되는건가요? 헤깔리네요.
@호텔천사 안 넣어도 됩니다. 넣어면 미리보기와 크기가..
@들레아빠 안넣어도 되는 군요.
감사 합니다.
네, 카메라로 촬영하여 첨부하기군요. 제가 필요한건 웹을 보면서 웹의 이미지를 촬영하는 기능입니다.
좋은정보감사합니다.
좋은정보네요~
활용을 못해서 잘 모르겠지만 유용해 보이네요 공부하고 잘 써보겠습니다
감사합니다

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,599
2741 4일 전 조회 130
2740 5일 전 조회 113
2739 1주 전 조회 217
2738 1주 전 조회 221
2737 1주 전 조회 185
2736 2주 전 조회 285
2735 3주 전 조회 290
2734 3주 전 조회 265
2733 1개월 전 조회 267
2732 1개월 전 조회 303
2731 1개월 전 조회 270
2730 1개월 전 조회 229
2729 1개월 전 조회 362
2728 1개월 전 조회 248
2727 1개월 전 조회 422
2726 1개월 전 조회 260
2725 1개월 전 조회 332
2724 1개월 전 조회 364
2723 1개월 전 조회 267
2722 1개월 전 조회 301
2721 1개월 전 조회 214
2720 2개월 전 조회 304
2719 2개월 전 조회 314
2718 2개월 전 조회 203
2717 2개월 전 조회 337
2716 2개월 전 조회 204
2715 2개월 전 조회 315
2714 2개월 전 조회 273
2713 2개월 전 조회 378
2712 2개월 전 조회 292
🐛 버그신고