Question

我有表格提交正在运行的ng-file-upload。我想在用户选择文件后添加一个按钮来取消上传。我试过了：

<button class= "btn btn-warning btn-cancel" ng-disabled="!myForm.$valid" 
          ng-click="cancelPic(picFile)">Cancel</button>

并在控制器中：

$scope.cancelPic = function() {
        myForm.reset();
        file: '';
    }

表单确实会重置，因为我得到一个＆＃34;请选择一个文件＆＃34;消息，但图像仍然存在 - 在开发工具元素：

<img ng-show="myForm.file.$valid" ngf-src="!picFile.$error &amp;&amp; picFile" class="thumb" src="blob:http%3A//localhost%3A3000/85f1b27c-a92e-447d-b760-8cfe17bbd6b7" style="">

显然我在这里咆哮着错误的树。有人可以帮忙吗？

Answer 1

好的，我找到了我所寻求的： https://github.com/danialfarid/ng-file-upload/issues/12 有效的代码是：

$scope.cancelPic = function(file) {
        myForm.reset();
        $scope.picFile = undefined;
    }

现在我需要将其应用于单个图像，以便用户可以选择取消哪个而不是重置整个表单。那是另一天。

在ng-file-upload中取消文件上传

1 个答案: