最新消息:历时半年,永住昨天下来了

HTML控件FILE值的清除

在写程序时有时会碰到清除FILE内容的问题,在网上查了一下资料,发现IE和Chrome能实现。而FireFox有点难度,所以就不说FireFox的了。

方法一,只有IE能用

HTML
<input type="file" name="f2" id="f2"/>
<input type="button" value="clear"
         onclick="f2.select();document.execCommand('delete');" />

方法二,只有IE能用

HTML
<input type="file" name="f3" id="f3"/>
<input type="button" value="clear"
         onclick="f3.select();document.selection.clear();"/>

方法三,所有浏览器能用,但因为是放在Form里所以可能会清空其它数据

HTML
<form>
    <input type="file" name="f4" id="f4"/>
    <input type="button" value="clear" onclick="form.reset()"/>
</form>

方法四,IE和Chrome能用

HTML
<input type="file" name="f5" id="f5" />
<input type="button" value="clear"
         onclick="var f=document.getElementById('f5');f.outerHTML=f.outerHTML;" />

参考地址:http://sbiigu.iteye.com/blog/197102

转载请注明:宇托的狗窝 » HTML控件FILE值的清除

发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址