如何使用 jQuery 清除文件输入控件的值？

使用 jQuery 清除文件输入控件

问题出现了：重置 HTML 文件输入控件的值是否可行（

）输入类型=“文件”）使用jQuery？通过 attr({ value: '' }) 将元素值设置为空字符串的传统方法被证明是无效的。

为了解决这个问题，出现了一种独特的解决方案。文件输入控件包装在表单元素内。随后，在表单上调用重置方法，有效地清除输入值。最后，使用 unwrap() 函数删除表单。

至关重要的是，此技术使原始文件输入控件完好无损，保留任何自定义属性或属性。测试已确认其与多种浏览器的兼容性，包括 Opera、Firefox、Safari、Chrome 和 IE6。

为了增加多功能性，此方法也可以应用于其他表单元素。但是，隐藏的输入字段仍然是一个例外。

window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input>

下面的代码片段展示了如何实现此解决方案：

以上是如何使用 jQuery 清除文件输入控件的值？的详细内容。更多信息请关注PHP中文网其他相关文章！