angularjs choose file

by slawe

HTML

<div ng-app="myApp" ng-controller="MyCtrl">
  <input type="file" fileread="some.one">
  <input type="file" fileread="some.two">
  <br/>
  <a href="#" ng-click="upload()">Upload</a>
</div>

JavaScript

var app = angular.module('myApp', []);

app.controller('MyCtrl', function ($scope) {
    
    $scope.some = {};
    
    $scope.upload = function() {
    	console.log($scope.some);
    }
    
    
});

app.directive("fileread", [function () {
    return {
        scope: {
            fileread: "="
        },
        link: function (scope, element, attributes) {
            element.bind("change", function (changeEvent) {
                scope.$apply(function () {
                    return scope.fileread = changeEvent.target.files[0];
                });
            });
        }
    }
}]);