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

Question

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

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

在 View 中看起来像这样

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

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

我想创建一个函数，当我调用它时，它只会将输入标签/函数刷新回“未选择文件”，而无需 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 Aug 22 '14 at 22:32