JQuery 썸네일형 리스트형 이미지 업로드시 파일 업로드 없이 미리보기 구현하기 이미지를 업로드 할때마다 프리뷰 기능이 있었으면 할때가 있다. 특히 특정 배너를 업로드 한다던가 하는 때에는 해당 사이즈나 용량을 체크하고 바로 확인하는 페이지를 구성하고 싶을때가 있다. 이렇게 하기위해서는 기존에는 (물론 내가 몰라서 그렇게 했을 수 있다) 서버에 파일을 올리고 해당 URL을 리턴 받아서 Preview 위치에 Jquery로 SRC를 넣어 주는 방법을 쓰곤 했다. 그런데 그렇게 하지 않다도 된다는 것을 외국 사이트에서 우연히 보게 되었었고 그것으로 한번 구현해 보았다. 아마도 예전에 javascript를 이용하여 Crop 하는 것을 설명하는 사이트였던것 같던데 기억은 나지 않는다.. 우리는 언제나 예제로 배워 왔고 주석으로 익혀 왔다. 나머지의 설명은 아래의 소스로 이야기 하고자 한다. .. 더보기 Dropzone js를 이용하여 HTML5 파일 업로드를 구현해 보자. 웹에서 업로드 하다보면 여기저기 꽤 괜찮은 방법들이 보이곤 한다. 예전에는 웹에서 업로드만 해도 대단하다고들 생각했는데, Flash 파일을 이용한 업로드에서 부터 이제는 HTML5를 이용한 DROPDOWN형 업로드까지 꽤나 다양하다. 오늘 소개할 내용은 Dropzone JS(http://www.dropzonejs.com/)를 이용해서 어떻게 파일 업로드를 웹에서 dropdown 형태로 구축하는지 알아보도록 하자. 일단 Dropzone을 소개한다. Dropzone뿐만 아니라 잘만 찾으면 꽤 가용성있는 드롭다운형 파일 업로드를 찾을 수 있다. 그래도 가장 안전한건 가장 많이 쓰는게 아닐까 싶다. 그래야 문제가 있는 부분이 있으면 http://stackoverflow.com/ 에서 찾아볼 수도 있고 답을 구할.. 더보기 이전 1 다음
