diff --git a/applications/default/extensions/file/public/templates/file.html b/applications/default/extensions/file/public/templates/file.html
index 590255b..70a7c69 100644
--- a/applications/default/extensions/file/public/templates/file.html
+++ b/applications/default/extensions/file/public/templates/file.html
@@ -1,6 +1,6 @@
 <div ck-file-element class="form-group">
   <label ng-if="element.title" for="{{element.id}}">{{element.title}}</label>
-  <input ng-model="data[element.name]" ng-required="element.required" ng-file-select="onFileSelect($files)" type="file" class="form-control" name="{{element.name}}" id="{{element.id}}" placeholder="{{element.placeholder}}">
+  <input ng-model="data[element.name]" ng-required="element.required" ngf-select="onFileSelect($files)" type="file" class="form-control" name="{{element.name}}" id="{{element.id}}" placeholder="{{element.placeholder}}">
   <p ng-if="element.description" class="help-block">{{element.description}}</p>
   <div ng-show="progress" class="progress">
     <div class="progress-bar" role="progressbar" aria-valuenow="{{progress}}" aria-valuemin="0" aria-valuemax="100" style="width: {{progress}}%;">
diff --git a/applications/default/extensions/form/public/js/form.controllers.js b/applications/default/extensions/form/public/js/form.controllers.js
index d26d657..ba183a8 100644
--- a/applications/default/extensions/form/public/js/form.controllers.js
+++ b/applications/default/extensions/form/public/js/form.controllers.js
@@ -17,8 +17,8 @@ angular.module('choko')
     $scope.element.id = $scope.element.id || 'element-' + $scope.form.name + '-' + $scope.element.name;
   }])
 
-.controller('FileElementController', ['$scope', '$controller', '$upload',
-  function ($scope, $controller, $upload) {
+.controller('FileElementController', ['$scope', '$controller', 'Upload',
+  function ($scope, $controller, Upload) {
     // Inherit ElementController.
     $controller('ElementController', {
       $scope: $scope
@@ -38,7 +38,7 @@ angular.module('choko')
     $scope.onFileSelect = function($files) {
       for (var i = 0; i < $files.length; i++) {
         var file = $files[i];
-        $scope.upload = $upload.upload({
+        $scope.upload = Upload.upload({
           url: '/file',
           file: file
         })
diff --git a/applications/default/public/index.html b/applications/default/public/index.html
index e549643..24ca4d8 100644
--- a/applications/default/public/index.html
+++ b/applications/default/public/index.html
@@ -35,13 +35,13 @@
   <script src="/lib/bootstrap/dist/js/bootstrap.min.js"></script>
   <script src="/lib/summernote/dist/summernote.min.js"></script>
 
-  <script src="/lib/ng-file-upload/angular-file-upload-shim.min.js"></script>
+  <script src="/lib/ng-file-upload/ng-file-upload-shim.min.js"></script>
   <script src="/lib/angular/angular.min.js"></script>
   <script src="/lib/angular-route/angular-route.min.js"></script>
   <script src="/lib/angular-resource/angular-resource.min.js"></script>
   <script src="/lib/angular-sanitize/angular-sanitize.min.js"></script>
   <script src="/lib/angular-summernote/dist/angular-summernote.min.js"></script>
-  <script src="/lib/ng-file-upload/angular-file-upload.min.js"></script>
+  <script src="/lib/ng-file-upload/ng-file-upload.min.js"></script>
 
   <script src="/js/app.js"></script>
   <script src="/js/services.js"></script>
diff --git a/applications/default/public/js/app.js b/applications/default/public/js/app.js
index 207e76c..0941c36 100644
--- a/applications/default/public/js/app.js
+++ b/applications/default/public/js/app.js
@@ -10,7 +10,7 @@ angular.module('choko', [
   'ngResource',
   'ngSanitize',
   'summernote',
-  'angularFileUpload'
+  'ngFileUpload'
 ])
 
 .config(['$locationProvider', function($locationProvider) {
diff --git a/bower.json b/bower.json
index 6121fdc..6fc7cb7 100644
--- a/bower.json
+++ b/bower.json
@@ -11,6 +11,6 @@
     "angular-sanitize": "1.4.x",
     "summernote": "0.6.x",
     "angular-summernote": "0.5.x",
-    "ng-file-upload": "1.6.x"
+    "ng-file-upload": "12.0.x"
   }
 }