我如何取消选择＆＃39;选定的文件？

Question

我使用它来允许用户选择并上传文件：

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

这正确显示：

当用户点击＆＃39;上传＆＃39;时，我上传文件。

当用户点击＆＃39;删除＆＃39;时，如何清除文件名？

Answer 1

只需清除文件输入元素的值：

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

这是demo

Answer 2

angular.element(element)：

应该是更像这样的角度方式

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

Plunkr Demo

---

来自文档用法：

angular.element(element);

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

Answer 3

谷歌搜索引导我到这里，所以为了帮助别人你也可以使用直接jQuery来做到这一点：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;