代码之家 › 专栏 › 技术社区 › kaka1234

AngularJS ng上载重置文件选择

ng-file-upload angularjs

kaka1234 · 技术社区 · 6 年前

我使用一个简单的文件上传如下:

<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 = [];
}

我已经尝试了几个选项,因为我搜索通过以前的职位,但没有一个工作。我错过了什么。

http://jsfiddle.net/abco2Lp0/

1 回复 | 直到 6 年前

georgeawg 6 年前

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

希望这有帮助。

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前