angularjs - 如何清除 Angular JS 的文件输入

Question

在 AngularJS 中，我使用此处描述的方法来处理输入 type=file。

• https://groups.google.com/forum/?fromgroups=#!topic/angular/-OpgmLjFR_U
• http://jsfiddle.net/marcenuc/ADukg/89/

标记:

<div ng-controller="MyCtrl">
    <input type="file" onchange="angular.element(this).scope().setFile(this)">
    {{theFile.name}}
</div>

Controller :

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function($scope) {
    $scope.setFile = function(element) {
        $scope.$apply(function($scope) {
            $scope.theFile = element.files[0];
        });
    };
});

正如前面提到的，这有点像黑客，但它主要适用于我的目的。然而，我需要的是一种在上传完成后清除文件输入的方法 - 即:从 Controller 。

我可以完全破解它并使用 jQuery 或其他东西来查找输入元素并清除它，但希望有一些更优雅的东西。

Answer 1

成功上传后，我会从 Controller 中显式清除输入类型文件元素，如下所示:

  angular.forEach(
    angular.element("input[type='file']"),
    function(inputElem) {
      angular.element(inputElem).val(null);
    });

input[type='file'] 选择器需要 jQuery，但其他一切都是普通的 Angular。