如何刷新输入文件标签的选定文件？

Question

目前，我有一个input type="file"它允许我选择一个文件，主要是上传图片，如下所示

<input type="file" accept="image/*" capture="camera" id="file-upload">

在视图中看起来像这样

我点击选择文件按钮并选择一个文件

然后输入标签/按钮变成。

我想创建一个函数，当我调用它时，它只会将输入标签/函数刷新回“未选择文件”，而没有location.reloading()整个页面。所以回到：

我试图创建一个 jQuery 事件来模拟输入文件按钮的点击，然后模拟一个 esc 按键

var esc = $.Event("keydown", { keyCode: 27 });
$( "#file-upload" ).click();
$( "#file-upload" ).trigger(esc);

但是，由于安全问题，浏览器不支持此功能。我还尝试通过以下方式替换 HTML 本身

document.getElementById("refreshInput").innerHTML = "<input type='file' accept='image/*' capture='camera' id='file-upload'>";

这也不是我要找的。非常感谢任何反馈。

Answer 1

（这个问题很久以前在评论中得到了回答，所以我将该评论复制到一个正确的答案中以备记录。）

$( "#file-upload" ).val("")– dandavis 2014 年8 月 22 日，22:32