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