angular-files-model

AngularJS directive that allows input element's of type file to be handled in models inside a controller's scope

fork from https://github.com/ghostbar/angular-file-model

Usage

Include angular-files-model.min.js in your application.

<script src="angular-files-model.min.js"></script>

Add the angular-files-model module to your application's dependencies.

angular.module("myApp", ["angular-files-model"]);

Ready to use in your controllers:

file.html:

<input type="file" ng-files-model="fileModel">
<button ng-click="upload()">Upload</button>

controller.js:

var DemoCtrl = [
	'$scope', 
	function ($scope) {
		$scope.upload = function () {
			$scope.fileModel // This is where the file is linked to.
		};
	}
];

Notes

If use in angular ui bootstrap modal, you need to handle the scope problem with a parent scope variable.

file.html:

<input type="file" ng-files-model="wrap.fileModel">
<button ng-click="upload()">Upload</button>

controller.js:

var DemoCtrl = [
	'$scope', 
	function ($scope) {
		$scope.wrap = {};
		$scope.upload = function () {
			$scope.wrap.fileModel // This is where the file is linked to.
		};
	}
];

If you use this module you can give it a thumbs up at http://ngmodules.org/modules/angular-files-model