使用AngularJS获取表单输入文件名

Question

我想在用户点击提交之前检查文件的名称。我可以像获取输入字段的内容一样获取文件名吗？

喜欢的东西：

<input name="posterTitle" type="text" ng-model="posterTitle"> 
{{posterTitle}} 

同样在：

<input name="posterFileName" ng-model="posterFileName" type="file" /> 

Answer 1

几个环节我发现，可能大家有点帮助： http://api.jquery.com/file-selector/ jQuery: get the file name selected from <input type="file" />

例如，唱名称或ID属性：

$（'input [type = file]'）。change（function（e）{in = $（this）; $ in.next（）。html（$ in.val（））; }）;

Answer 2

使用Angularjs，您可能需要使用onchange事件绑定控制器内的输入名称。看例子：

<input name="posterFileName" type="file" onchange="angular.element(this).scope().fileName(this)"/> 

内部控制

$scope.fileName= function(element) { 
    $scope.$apply(function($scope) { 
     $scope.posterTitle= element.files[0].name; 
    }); 
}; 

希望这会有所帮助。