Filesread for angular input. This supports multiple files adding.

filesread.js

app.directive("filesread", [function () {
    return {
        scope: {
            filesread: "="
        },
        link: function (scope, element, attributes) {
            element.bind("change", function (changeEvent) {
                var files = changeEvent.target.files;
                for (var i = 0; i < files.length; i++) {
                  var reader = new FileReader();
                  reader.onload = function(loadEvent){
                    var name = this.fileName;
                    var type = this.type;
                    var file = this.file;
                    scope.$apply(function(){
                      if (scope.filesread == undefined) scope.filesread = []
                      scope.filesread.push({
                        "url":loadEvent.target.result,
                        "name":name,
                        "type":type,
                        "file":file,
                      });
                    })
                  }
                  reader.file = files[i];
                  reader.fileName = files[i].name;
                  reader.type = files[i].type;
                  reader.readAsDataURL(files[i]);
                }
            });
        }
    }
}]);