[자바스크립트, HTML] 이미지 파일 미리보기

작성일 : 2020. 5. 24. HTML 파일 객체가 있다. 위의 컨트롤을 클릭, 파일 다이얼로그에서 선택한 파일 (특히 이미지)을 확인하는 방법이다. 첫째) 마크업 자체에서 제어할 수 없으므로 자바스크립트(이하 js로 명명)에서 해당 컨트롤에 대해 리스너를 등록한다. $('#selectedfiles').change(selectedFileHandler); /* 'change' 이벤트 발생 시 아래의 함수를 실행한다. 'change' 이벤트의 경우, 이전에 선택한 파일을 또 선택하면 발생하지 않는다. 이를 위해 'click' 이벤트 발생 시에 처리하려고 시도하였으나 의도한대로 작동하지 않기에 결국에는 'change' 로 돌아올 수 밖에 없었다. */ 둘째) 리스너 함수를 구현한다. 가독성을 위해 별도로 ..

2023.05.06