当前位置: 代码迷 >> Web前端 >> 自定义重置文件下传按钮
  详细解决方案

自定义重置文件下传按钮

热度:40   发布时间:2012-09-09 09:27:54.0
自定义重置文件上传按钮,

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

?

方法一: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()" />
?

  相关解决方案