기초 지식 16 / 21

사진과 파일 다루기

사진을 고르거나 찍고, 화면에 보여주는 방법이에요.

'파일 고르기' 칸 하나면 사진첩에서 고르거나, 휴대폰에서는 바로 카메라로 찍을 수 있어요. 고른 사진은 프로그램 안에서 바로 보여줄 수 있어요.

사진 고르고 보여주기

<input type="file" accept="image/*" capture="environment">← 사진만 고르기 (휴대폰은 뒤쪽 카메라)

photoInput.addEventListener("change", () => {← 사진을 고르면(이벤트!)

const file = photoInput.files[0];← 고른 사진 첫 장

preview.src = URL.createObjectURL(file);← 화면의 그림 칸에 보여줘요

});

사진은 내 기기 안에서만 보여요. AI에게 읽어 달라고 할 때만 작게 줄여서 보내요.

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

type="file"createObjectURL

🧩 이 내용이 나오는 따라 만들기