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

希望這會有所幫助。