在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中取消文件上傳

回答

相關問題