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

Question

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

类似的东西：

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

同样在：

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

Answer 1

使用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;
   });
};

希望这会有所帮助。

Answer 2

我发现的一些链接可能会有所帮助： http://api.jquery.com/file-selector/ jQuery: get the file name selected from <input type="file" />

例如，唱出名字或ID属性：

$（ '输入[类型=文件]'）。改变（函数（E）{   在$ = $（本）;   $ in.next（）HTML（$ in.val（））。 }）;