重置输入文件是非常单一的

$（'input[type=file]'）.val（null）;

如果你绑定重置文件中更改表单的其他字段，或者用ajax加载表单。

本例适用

选择器，例如$('input[type=text]')或表单的任何元素

事件单击，更改，或任何事件

$('body').delegate('event', 'selector', function(){
     $('input[type=file]').val(null) ;
});

我用来做vuejs

   <input
          type="file"
          ref="fileref"
          @change="onChange"/>

this.$refs.fileref.value = ''

<input type="file" id="mfile" name="mfile">
<p>Reset</p>

<script>
$(document).ready(function(){
$("p").click(function(){

            $("#mfile").val('');
            return false;

    });
});

这是最好的解决方案:

input.value = ''

if(!/safari/i.test(navigator.userAgent)){
  input.type = ''
  input.type = 'file'
}

在所有的答案中这是最快的解。没有输入克隆，没有窗体重置!

我在所有浏览器中都检查了它(它甚至支持IE8)。

我的最佳解决方案

$(".file_uplaod_input").val('');  // this is working best ):

可以这样做

var inputfile= $（'#uploadCaptureInputFile'） $（'#reset'）.on（'click'，function（）{ inputfile.replaceWith（inputfile.val（''）.clone（true））; }) <script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <input type=“file” id=“uploadCaptureInputFile” class=“win-content colors” accept=“image/*” /> <a href=“” id=“reset”>重置</a>