jquery 和 javascript 清空下传控件 方法总结

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>

    <…………………………………………………………………………
详细页面：http://www.verydemo.com/demo_c110_i10825.html