使用jQuery清除文件输入字段

Question

可能重复:
使用jQuery清空表单

我正在使用jQuery函数来清除我的所有表单值.

$.fn.clearForm = function() {
  return this.each(function() {
    var type = this.type, tag = this.tagName.toLowerCase();
    if (tag == 'form')
      return $(':input',this).clearForm();
    if (type == 'text' || type == 'password' || tag == 'textarea')
      this.value = '';
    else if (type == 'checkbox' || type == 'radio')
      this.checked = false;
    else if (tag == 'select')
      this.selectedIndex = -1;
  });
};

上述功能的问题是它不会重置文件输入字段.无论如何,我可以扩展该功能,并使其与清除文件输入字段一起使用.

这是我正在使用的文件输入字段HTML代码.

<section><label for="productimg">Picture<br></label>
    <div><input type="file" id="productimg" name="productimg"></div>
</section>

谢谢..

Answer 1

尝试使用表单重置,以返回初始值 -

$('#form_id').each(function(){
    this.reset();
});

演示- http://jsfiddle.net/hPytd/&http://jsfiddle.net/hPytd/1/