htmljs 휴대전화 사진 및 저장

방법은 다음과 같습니다.

1. HTML 페이지에 사진 버튼, 파일 입력 상자, 이미지 미리보기 상자를 추가합니다.

2. JavaScript 코드에 takePhoto 함수를 정의하여 가져오기 및 저장 기능을 구현합니다.

3. 이 함수에서는 먼저 파일 입력 상자의 참조를 얻습니다.

4. getUserMedia 메소드를 사용하여 카메라의 미디어 스트림을 얻고 이를 video 요소의 srcObject 속성으로 설정합니다.

5. 파일 입력 상자에서 파일을 선택한 후, 파일 입력 상자의 변경 이벤트를 수신합니다.

6. 변경 이벤트 핸들러에서 선택한 파일을 얻고 FileReader 객체를 생성합니다.

7. 파일을 읽은 후 이미지 미리보기의 src 속성에 파일 URL을 설정하면 이미지가 표시됩니다.

8. readAsDataURL 메소드를 호출하여 DataURL 형식으로 파일 내용을 읽습니다.

9. 읽은 파일 내용을 이미지 미리보기의 src 속성으로 설정하여 이미지를 표시합니다.