日期:2014-05-16  浏览次数:20418 次

jquery 和 javascript 清空上传控件 方法总结
大家都知道清空上传控件“ <input type="file" />”用平常的value=“”无法实现清空

在这里给大家分享两种方法

//clone
  function clearFileInputByClone(fileId) {
   var cloneFile = $("#"+fileId).clone();
   $("#"+fileId).replaceWith(cloneFile);
  }

  //html
  function clearFileInputByHtml(fileId) {
   var tempHTML = $("#"+fileId).parent().html();
   $("#"+fileId).parent().html(tempHTML)
  }

  //outerHMTL
  function clearFileInputByOuterHTML(fileId) {
   var fileobj = document.getElementById(fileId);
   fileobj.outerHTML = fileobj.outerHTML;
  }

//各位如有更好的方法 多多交流

//测试

<form action="" id="form1">
   <table>
    <tr>
    <td>名称:</td>
    <td><input name="username" value="" /></td>
    </tr>
     <tr>
    <td>附件:</td>
    <td>
    <input type="file" id="file_rest" />
    <a href="javascript:clearFileInputByOuterHTML('file_rest')">清空</a>
    </td>
    </tr>
    <tr><td colspan="2"><button onclick="">提交</button></td></tr>
   </table>
   </form>