如何"取消选择"所选文件？

Question

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

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

这正确显示:

当用户点击"上传"时,我会上传该文件.

当用户单击"删除"时,如何清除文件名？

Answer 1

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

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

这是一个演示

Answer 2

这应该是更像角度的方式angular.element(element):

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

Plunkr演示

从文档用法:

angular.element(element);

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