无法使用角度文件上传上传文件

时间:2016-01-30 06:14:21

标签: angularjs

我正在尝试在我的小应用程序中实现angular-file-upload,但没有取得多大成功。

在我的index.html中,我已正确添加了引用

<script src="/Scripts/angular-file-upload.min.js"></script>

HTML

<div class="form-group">
        <input type="file" name="FileUpload" class="btn btn-default btn-block" data-ng-file-select="onFileSelect($files)">
</div>

这是我的控制器代码。

//On select file
$scope.onFileSelect = function ($files) {
    $scope.selectedFile = null;
    if ($files.length > 0) {
            $scope.selectedFile = $files[0];
            $scope.attachment = {
                lastModified: $scope.selectedFile.lastModified,
                lastModifiedDate: $scope.selectedFile.lastModifiedDate,
                name: $scope.selectedFile.name,
                size: $scope.selectedFile.size,
                type: $scope.selectedFile.type,
                webkitRelativePath: $scope.selectedFile.webkitRelativePath
            };
    }
};

问题: 当我浏览并选择文件时,不会触发/调用此函数,$ files始终保持为空。

我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

有多个指令名称为angular-file-upload。您能否发布链接到您正在使用的指令?