Angular JS ng 文件上傳

Question

我正在我正在處理的項目中使用 Angular 的 JS 眾所周知的 ng 文件上傳指令（ https://github.com/danialfarid/ng-file-upload ），但我在驗證方面遇到了問題。 我添加了 ngf-pattern 指令，以防止用戶上傳某些文件格式。 這很有效，每個無效文件都在 $invalidFiles 數組中可用。 無論如何要清除這個數組？

我正在使用 $invalidFiles 數組來檢測何時使用了無效文件，並提醒用戶。 該文件未顯示在 UI 中，也未添加到我的模型中，但由於表單無效，我仍然無法提交表單。 只有在添加有效文件后，我才能提交表單。 有沒有辦法檢測無效文件但仍然能夠提交表單？

希望我很清楚..謝謝！

Answer 1

這是你需要的嗎： JsFiddle

$scope.submit = function() {
    alert('form is ready');
   }

Answer 2

可能你真正需要的是ngf-change而不是ngf-select 。 根據文檔，您分配給 ngf-change 指令的處理函數將在您選擇、刪除或清除時​​調用。

如果您想要實現的唯一目標是允許表單提交而不管其有效或無效，則可以在ng-model-options上利用另一種方法。 有一個名為allowInvalid的選項，默認情況下它是false ，將其設置為true就可以了。

所以在你的例子中：

<button name="bla" multiple accept="image/*"              
        ngf-keep="true" 
        ng-model="myFiles" 
        ngf-pattern="'image/*'" 
        ngf-max-size="1MB"
        ngf-change="handleFiles($files, $invalidFiles)"
        ngf-model-options="{allowInvalid: true}">
  Select Files
</button>

請注意我們在此處更改的最后兩個指令。

如需完整參考，您可以在完整參考 - 文件選擇和刪除部分查看官方文檔