自定义文件框的样式改进版（兼容IE与FireFox）
原生的文件上传框<input type="" />的效果不是很好看，很多时候，需要改变样式，让它符合客户的要求。比如浏览按钮换成自定义的图片。网上有一种错误的做法是，把文件上传框设置为隐藏，然后自定义一个文本框和一个按钮，点击按钮时用js代码调用文件框的click事件弹出选择文件的效果。这样做纯粹只能看看效果而已，因为浏览器考虑到所谓的安全因素，文件框只能是用户选择用鼠标点击，选择文件后才能提交到服务器，否则提交表单时，浏览器会把文件框清空。(经测试，用js获得对象，再住对象内添加html代码的方式也不能够正常上传)不过有个高手想出了一个替代方案就是把文件框设置为透明，并让其定位在一张定义好的图片按钮上，这种方案确实可行。但是这种方案也有些限制，即按钮图片必须要根文件框的浏览按钮差不多的宽高。为什么了？这是因为控制文件框宽高的样式不怎么好用，可能各个浏览器有各自的hack写法（没具体研究过）。在这种可行方案的基础上，我做了如下改进，改进后对按钮图片基本无限制先讲下思路：让文件框在按钮上随鼠标移动而移动，以保证无论用户点击按钮的哪个部位都能弹出文件选择框。具体代码如下
?
