fileAPI是什么？我怎么用它有棱角？

Question

我正在创建一个函数，以便可以通过使用AngularJS将文件上传到服务器。在浏览时，我看到了由daniel (链接- https://github.com/danialfarid/ng-file-upload )在github上所做的这篇惊人的作品，但问题在于它太多了，让我无法理解。我要从更多基本的东西开始。我很高兴收到你的回音。谢谢

Answer 1

尝试在控制器中使用此指令。

app.directive('fileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;

            element.bind('change', function () {
                scope.$apply(function () {
                    modelSetter(scope, element[0].files[0]);
                });
            });
        }
    };
}]);

Html

 <input type="file" name="file" class="file-input-wrapper btn btn-default btn-primary" file-model="uploadFile" id="control" />

返回到控制器时:上传的文件将在$scope.uploadFile中可用