javascript - 是否有编程方式来清除 FilePicker？

Question

我正在使用 ‘<input type="file"。 。 .’ 一次选择一个文件，并将选定的文件附加到选择器下方的表格中。这与使用功能区上 SharePoint 表单的“附件”按钮的行为非常相似。

但是，在选择文件并更新表格后，我想清除选择器的显示。更改 .value = "" 无效...

我喜欢:

我想删除“W:\Documents\HTML Te...”内容。

Answer 1

我认为实现这一目标的最简单方法是删除 input[type=file] 元素，然后创建一个新元素。

var el = document.querySelector('input[type=file]');
var parent = el.parentElement;
var newEl = document.createElement("input");
newEl.setAttribute('type', 'file');
parent.removeChild(el);
parent.appendChild(newEl)