首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

自定义重置文件下传按钮

2012-09-09 
自定义重置文件上传按钮,文件上传?重置 ,以防重置其他输入框?方法一:IE,火狐测试可以重置?function?clearF

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

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

?

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

热点排行