Question

我正在使用一个简单的文件上传，如下所示：

<button type="file" ngf-select ng-model="fileData"
        ng-change="fileChanged(fileData)" name="file"  required >
    Select File
</button>

我还有另一个按钮，当单击该按钮时，我想清除所选的文件。

<button type="button" class="btn btn-primary" ng-click="clearFile()">
    Clear
</button>

我将按钮单击的控制器代码设置为：

$scope.fileChanged = function(fileData) {
  if (fileData != undefined) {
    $scope.selectedFileName = fileData.name;
   }
}  

$scope.clearFile = function () {
        //None of these works
        //angular.element("input[type='file']").val(null);
       // $scope.fileData = [];
}

在搜索以前的帖子时，我尝试了几种选择，但没有一个起作用。我在这里想念什么。

这是我的jsfiddle：http://jsfiddle.net/abco2Lp0/

Answer 1

尝试一下：

$scope.clearFile = function () {
   $scope.fileData = [];
   $scope.selectedFileName = null;
   $scope.uploadedFile = [];
}

希望这会有所帮助。

AngularJS ng-upload重置文件选择

1 个答案: