什么是文件 API？如何将它与 angular 一起使用？

Question

我正在创建一个函数，以便我可以通过使用 AngularJS 将文件上传到我的服务器。在浏览时，我看到了丹尼尔·法里德 (link - 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

内可用

什么是文件 API？如何将它与 angular 一起使用？

What is fileAPI ? How do I use it with angular?

file-upload

fileapi

angularjs