반응형
[Javascript / CSS / HTML ] 내 컴퓨터에 저장된 이미지 업로드 하기(화면에 업로드된 이미지 보여주기)
기타 공부들 2021. 11. 2. 23:24

구현할 것 파일선택 버튼 클릭 -> 내 컴퓨터에서 이미지 파일 선택 -> 화면에 이미지, 파일 이름 띄우기 부분 form을 통한 파일 처리 이미지 파일을 받기 위해 enctype을 설정해준다. input 설정 accept="image/*" : 이미지 형식 모두! 받아올 것이다~ type = "file" : 파일을 받아올 것이기 때문에 꼭 설정해줄 것. onchange : input이나 select 등의 데이터가 변경될 때 호출되는 이벤트. 위 코드에서는 파일을 불러왔을 때 loadFile함수실행. 이미지 표시 영역을 원하는 대로 꾸며준다! 별거 없다.. 내 컴퓨터에 있는 이미지 파일을 불러오는 예제를 만들어 보았다. 생각보다 간단하다!

반응형