自定义重置文件上传按钮，

文件上传 重置 ,以防重置其他输入框

 

方法一：IE，火狐测试可以重置

 

function clearFileInput(file){

    var form=document.createElement('form');

    document.body.appendChild(form);

    //记住file在旧表单中的的位置

    var pos=file.nextSibling;

    form.appendChild(file);

    form.reset();

    pos.parentNode.insertBefore(file,pos);

    document.body.removeChild(form);

}

 

 

 

function cleanfile()
  {
   for(var i=0;i<$(":file").length;i++)
   {
    // refreshUploader(document.getElementsByName("file")[i]);

     clearFileInput(document.getElementsByName("file")[i]);
   }
  }

方法二： 火狐无法重置

   function refreshUploader(file) {
             var file2 = file.cloneNode(false);
             file2.onchange = file.onchange;
             file.parentNode.replaceChild(file2, file);
         }

 

 

<s:file name="file" ></s:file><span></span>
         <input type="button" value="下一附件" onclick="addMore()"/>
         <input type="button" value="重置" onclick="cleanfile()" />