angularjs - 如何“取消选择”选定的文件？

Question

我正在使用它来允许用户选择和上传文件：

<input id="fileInput" type="file" ng-file-select="onFileSelect($files)">

这正确显示：

当用户点击“上传”时，我上传文件。

当用户单击“删除”时，如何清除文件名？

Answer 1

Simply clear the value of the file input element:

document.getElementById('remove').addEventListener('click', function () {
    document.getElementById('fileInput').value = ''
});

Here's a demo

Answer 2

它应该像这样更有角度的方式angular.element(element)：

angular.element(document.getElementById('remove')).on('click', function(){
    angular.element(document.getElementById('fileInput')).val('');
});

Plunkr 演示

---

从文档用法：

angular.element(element);

whereangular.element()创建一个 jQuery 对象，(element)大括号中的this 是要包装到 jQuery 中的 HTML 字符串或 DOMElement。

Answer 3

谷歌搜索把我带到这里，所以为了帮助其他人，你也可以使用直接的 jQuery 来做到这一点：

$("#clear").on("click", function() {
  $("#fileInput").val("");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id="fileInput" />
<button id="clear">Clear</button>