我正在尝试在我的小应用程序中实现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始终保持为空。
我在这里缺少什么?
答案 0 :(得分:0)
有多个指令名称为angular-file-upload。您能否发布链接到您正在使用的指令?