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

Question

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

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

在视图中看起来像这样

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

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

我想创建一个函数，当我调用它时，它只会刷新输入标记/函数回到＆＃34;没有选择文件＆＃34;没有location.reloading()整个页面。 回到：

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

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