读书人

自定义重置文件下传按钮

发布时间: 2012-09-09 09:27:54 作者: rapoo

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

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

?

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

读书人网 >Web前端

热点推荐