image uploader 썸네일형 리스트형 일주일간 모은 링크 #5 How to develop a HTML5 Image Uploader HTML5를 적용한 이미지 업로더를 만드는 방법에 대한 글입니다. canvas태그를 사용하였으며 Firefox 4.1에서 동작하는 방법입니다. drag & drop을 이용하여 업로드할 파일을 선택하고 canvas에 preview를 보여주고 간단한 수정도 추가합니다. 그리고 ajax를 이용하여 업로드를 합니다. (얼마나 업로드 되었는지도 보여줄 수 있군요!) 로컬 파일을 불러 이미지 preview를 보여주는 부분이 저는 좀 신기합니다. FileReader()를 사용하는데 제가 이 부분에 대해서는 잘 몰라 하는 이야기이긴 합니다만 보안 문제가 발생할 수도 있을 듯 한데요. 아직 IE에서 동작하지 않기 때문에 국내에서 본격적으로 적용하기에는 .. 더보기 이전 1 다음