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

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: '';
    }

当我收到“请选择一个文件”消息时，表单似乎确实重置了，但图像仍然存在 - 在开发工具元素中：

<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;
    }

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