什么是文件 API？我如何将它与角度一起使用？答案

【问题标题】：What is fileAPI ? How do I use it with angular?什么是文件 API？我如何将它与角度一起使用？
【发布时间】：2025-12-11 21:30:01
【问题描述】：

我正在创建一个函数，以便我可以通过使用 AngularJS 将文件上传到我的服务器。在浏览时，我在 github 上看到了 daniel farid 的这篇令人惊叹的作品（link - https://github.com/danialfarid/ng-file-upload）但问题是它对我来说太难理解了。我从更多基本的东西开始。我很高兴收到您的回复。谢谢

【问题讨论】：

您有具体问题吗？

标签： angularjs file-upload fileapi

【解决方案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中可用

【讨论】：