초! 간단한 AngularJS 업로드!

이기능 저기능 테스트하다보니..

이젠 파일업로드 부분까지 만지게 되네요~(뭐 물론 폼 전송시 파일업로드는....기본이지만..)

파일업로드에 문제가 하나 있기는 합니다.

IE7이하에서는 작동이 안한다는 점.....IE8+, 기타브라우져에서 테스트했을시에는 정상적입니다.^^;

IE7이하에서는 다른 방법을 생각하거나 고객에게 ie버젼을 업데이트 하는 방향으로 가야할듯싶네요~

업로드 방법은 아주 간단합니다.^^;

우선 요기 아래에 있는 모듈의 도움을 받아야 합니다...(제가 만들어보고 싶긴 하지만...우선! 써보고!ㅋ)

http://twilson63.github.io/ngUpload/

(만들어주신분께 감솨~)

  

   
 
     
     
   
 
 
Server Response: {{response | json}}

   Fullname: {{response.fullname}}

   Gender: {{response.gender}}

   Favourite Color: {{response.color}}

   Picture: {{response.pictureUrl}}

위의 소스는 html부분과 script부분으로 나눠지는데 뭐 한페이지를  그냥 보기 좋게 나눠놓은것입니다. 따로 파일을 구성해도 물론 가능하고요~정작중요한건 server script단에서 데이터를 처리하고 json으로 리턴받는건 각자의 개발언어로 해주시면 된다는 것이지요~^^;

참고로 

http://stackoverflow.com/questions/18571001/file-upload-using-angularjs

위에 글을 참고하시면..오래된 브라우져에 대한 문제점이 좀 있다는 멘트도 볼수 있습니다.^^;

전 위에 참고글들 젤 마지막인 

• https://github.com/twilson63/ngUpload

사용해서 작성해봤습니다.^^;

다음에는 이미 작업완료된 글자자동완성기능의 소스를 올려볼까 합니다. AngularJS를 사용하면 쉬워요~