こんばんは、ゆあさです。 HTML5で追加されたFile APIを使うと、ユーザーが選択した画像ファイルをブラウザ上でプレビュー表示する機能を簡単に実装することができます。 そこでAngularJSを使ったアプリケーションで画像ファイルプレビュー機能の実装するサンプルを紹介したいと思います。 今回は外部のモジュールを使用せず必要最低限の機能のDirectiveとControllerを実装していきます。 Directiveの実装 まずはControllerのscopeからユーザーが選択したファイルを参照できるようにするためのDirectiveの実装です。 myApp.directive("fileModel", ["$parse", function ($parse) { return { restrict: "A", link: function (scope, element, attr