我正在用VS2012和Javascript开发一个地铁应用程序
我想重置我的文件输入的内容:
<input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" />
我该怎么做呢?
当前回答
重置文件上传按钮是如此容易使用纯JavaScript!
有几个方法可以做到这一点，但必须直接的方法，这是在许多浏览器工作良好的改变文件值为零，这样上传文件得到重置，也尝试使用纯javascript而不是任何框架，我创建了下面的代码，检查一下(ES6):
函数resetFile() { const file = document.querySelector('.file'); 文件。Value = "; ｝ <input type="file" class="file" /> <按钮onclick = " resetFile ()“>重置文件> < /按钮
其他回答
jQuery的解决方案:
$('input').on('change',function(){
$(this).get(0).value = '';
$(this).get(0).type = '';
$(this).get(0).type = 'file';
});
如果你的表单中有几个文件，但只想重置其中一个:
如果你使用boostrap, jquery, filstyle来显示输入文件的形式:
$("#"+idInput).filestyle('clear');
我在这里错过了另一个解决方案(2021年): 我使用FileList与文件输入交互。
因为没有办法创建FileList对象，所以我使用DataTransfer，它带来了干净的FilleList。
我用:
file_input.files=new DataTransfer().files
在我的例子中，这非常适合，因为我只通过FileList与封装的文件输入元素进行交互。
重置输入文件是非常单一的
$（'input[type=file]'）.val（null）;
如果你绑定重置文件中更改表单的其他字段，或者用ajax加载表单。
本例适用
选择器，例如$('input[type=text]')或表单的任何元素
事件单击，更改，或任何事件
$('body').delegate('event', 'selector', function(){
$('input[type=file]').val(null) ;
});
@dhaval-marthak在评论中发布的jQuery解决方案显然是有效的，但如果你看看实际的jQuery调用，就很容易看出jQuery在做什么，只是将value属性设置为空字符串。所以在“纯”JavaScript中，它将是:
document.getElementById("uploadCaptureInputFile").value = "";
