我正在用VS2012和Javascript开发一个地铁应用程序
我想重置我的文件输入的内容:
<input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" />
我该怎么做呢?
当前回答
var fileInput = $('#uploadCaptureInputFile');
fileInput.replaceWith(fileInput.val('').clone(true));
其他回答
你不能重置，因为它是一个只读文件。你可以克隆它来解决这个问题。
如果你的表单中有几个文件，但只想重置其中一个:
如果你使用boostrap, jquery, filstyle来显示输入文件的形式:
$("#"+idInput).filestyle('clear');
你需要将<input type = " file " >包装成<form>标签，然后你可以通过重置你的表单来重置输入:
onClick="this.form.reset()"
重置文件上传按钮是如此容易使用纯JavaScript!
有几个方法可以做到这一点，但必须直接的方法，这是在许多浏览器工作良好的改变文件值为零，这样上传文件得到重置，也尝试使用纯javascript而不是任何框架，我创建了下面的代码，检查一下(ES6):
函数resetFile() { const file = document.querySelector('.file'); 文件。Value = "; ｝ <input type="file" class="file" /> <按钮onclick = " resetFile ()“>重置文件> < /按钮
解决方案
下面的代码是用jQuery编写的。它适用于所有浏览器，并允许保存事件和自定义属性。
var $el = $('#uploadCaptureInputFile');
$el.wrap('<form>').closest('form').get(0).reset();
$el.unwrap();
DEMO
有关代码和演示，请参阅jsFiddle。
链接
有关更多信息，请参见如何使用JavaScript重置文件输入。
