这个其实js或者jQuery很容易实现,但是要考虑浏览器的兼容性就要做一番修改,特别是对于IE浏览器。本用例在IE10,chrome测试通过。
核心代码:
var file=document.getElementById('File');
//IE,Safari,chrome
if(file.outerHTML){
file.outerHTML=file.outerHTML;
}
else{ //FF
file.value="";
}
这里的关键是通过document.getElementById获得file文件,然后判断outerHTML的值,进行相应的赋值。
outerHTML与innerHTML相对应,它可以获取包括元素在内的内容。参见博客http://blog.sina.com.cn/s/blog_63eb3eec01018ljf.html 一目了然。