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

我使用表单提交正在运行的ng-file-upload。我想添加一个按钮来取消用户选择文件后的上传。我曾尝试：在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="">

显然我在这里叫错了树。谁能帮忙？

来源

2015-09-20 meanstacky

您使用的是什么版本的插件？如果你看到演示页面，当你点击文件上传并选择一个文件，然后再次点击并取消弹出窗口时，图像缩略图也会被删除。 – danial

@danial我在演示中使用7.0.17，并且它的行为就像你说的。我在文件选择后显示缩略图，我想要取消按钮以删除该缩略图并取消所选文件。再次单击选择文件取消不直观。我希望效仿blueimp demo的功能，直到取消按钮。感谢 – meanstacky

好吧，我发现我所追求的： https://github.com/danialfarid/ng-file-upload/issues/12 ，工程的代码是：

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

现在我需要这个应用到单个图像，以便用户可以选择取消，而不是重置整个形成。那是另一天。

来源

2015-09-20 08:06:55 meanstacky

如果您在超时时将文件模型值设置为null，它应该清除我放置的文件并重新验证表单。 – danial

@danial你可以看看我的新问题，这是与这个.http：//stackoverflow.com/questions/32712299/deselecting-an-upload-file-causes-problems-with-files-indexing-in-ng-上传文件。你能举一个超时例子吗？谢谢 – meanstacky

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

回答

相关问题