Node+Angularでファイルアップロードアプリ作ってみた

ここ見て作ってみました。

Christophe Geers' Blog - AngularJS File Upload

まとめのところだけ引用すると、

To recapitulate, we have 3 components that make up our Angular application:

FileUploadCtrl: Our controller which is tied to a DIV which contains the file upload widget

uploadManager Service: This service manages the files we want to upload. It sends out a couple of events to which our controller listens and acts to accordingly.

upload Directive: This directive transforms the file input into a bonafide upload widget. It uses the widget’s callbacks to notify the uploadManager service.
— http://cgeers.com/2013/05/03/angularjs-file-upload/#summary

雰囲気的には

  • FileUploadCtrlはファイルアップロードウィジェットのあるDIVとつながるコントローラ
  • uploadManager Serviceはアップロードするファイルの管理をしてて、必要に応じてコントローラにイベントを送信
  • upload Directiveはファイルを実際のアップロード処理でアップロードするところ。おわったらコールバックでuploadManager Serviceに通知

という感じですかね。

YEOMANである程度組み立てて、それから自分のロジックを組み込んでいくっていうのもいいね!

次はMongoDBをくっつけてみよう。