본문 바로가기

Development/Javascript

FileReader - 이미지파일 미리보기

이번에 동적으로 파일을 업로드 하는 컨트롤러를 만들다 보니,

브라우저에서 반환하는 FakePath 를 이용하여 미리보기가 가능하였다.

그동안은.. 왜 안된다고.. 생각했을까..? IE7 이 처음 생기는 무렵부터 보안때문에 안된다고 들어서,

그뒤로는 안된다. 이렇게만 생각하고 있었는데.. 내가 나를 바보로 만든셈..ㅡㅡ;;

경험이 도움이 될때도 있으나 위험이 될수도 있다 싶다.


해서 구글링하다보니 다음과 같은 링크가 있다. ㅋㅋ 구글링하다보면 자주들리게 되는 스택오버플로우.ㅋㅋ

http://stackoverflow.com/questions/13718795/cross-browser-image-preview-in-image-upload-section-is-not-working-in-ie8


해서 아래와 같이 테스트한 결과를 캡추어~! 테스트 브라우저는..


인터넷익스플로러 9 이상

크롬, 사파리, 파이어폭스 등이다. 이상없이 잘 동작했고 이번에 개발하고 있는 프로젝트에 붙일 예정이다.

물론 저위에 코드 그대로 쓰진 않고, 손을 좀 봐야한다.

위에 링크 코드 참고하시고 입맛에 맞게 커스터마이징 하세요~ ^^





밑은 코드 예제파일임.^^


mozilla-dev.img-preview.html