최근 웹 프로젝트 개발 중 로컬 이미지 미리보기의 필요성을 느꼈습니다. 비록 다른 이유로 결국 사용하지 못했지만 그래도 어느 정도 이해하고 정리했습니다.
요약하자면
: IE6에서는 file 값에서 직접 이미지 경로를 가져와서 미리보기를 표시할 수 있습니다. IE7 및 IE8에서는 선택을 통해 파일의 이미지 경로를 얻은 다음 필터를 사용하여 미리보기를 표시합니다.
미리보기를 표시하기 위한 데이터 URI 데이터를 얻으려면 FireFox에서 파일의 getAsDataURL 메소드를 호출하세요.
다음은 전체 데모입니다.
