先来看看input type="file"在chrome,ie,firefox这三个浏览器下表情各异吧。 [img]http://files.jb51.net/upload/201110/20111024231642321.png[/img]    [img]http://files.jb51.net/upload/201110/20111024231643732.png[/img] [img]http://files.jb51.net/upload/201110/20111024231643590.png[/img]   chrome像是button+label组合，看起差异最大。 ff和ie，是text+button的组合，就外形来看，firefox更标准，事实上firefox存在两个潜在问题：  1，firefox对type="file" 的input的width定义目前是不支持的（但是FF支持size属性，可以给size设置一个值，来控制上传框的大小，至于这个size到底是多大，见文章[url=http://www.1sucai.cn/article/28645.htm]繁花-firefox下input type="file"的size是多大[/url]）。   2，火狐浏览器的提交file表单时只提交文件名不提交路径，而IE提交的是路径+文件名，chrome也能提交路径+文件名，但只显示文件名。[url=http://mozilla.com.cn/qa/dev/Q.369/]火狐浏览器的提交file表单时只提交文件名不提交路径[/url]（很遗憾，暂时没有解决方法）   要让file在各个浏览器显示统一，纯样式已经控制不了，只能用js脚本了。基本步骤有3：  1，通过文本框和按钮去模拟一个input type=”file”。  2，把input="file"做成透明，用定位完全盖住文本框和按钮。  3，当input type=”file”的onchange的时,用js将文本框的值设置成input type=”file”的值。 了解步骤后，整个插件就很好写了，代码如下：