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

当我收到 "please select a 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;
    }

现在我需要将此应用到单个图像，以便用户可以选择要取消而不是重置整个表单。改天再说。

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

Cancel a file upload in ng-file-upload

ng-file-upload