关于input=file的用法

<input type="file"/>这个东西是用来上传图片用的.

1,但是存在一下问题但是在在各个浏览器下的显示是不一样的

IE下:

IE之外的浏览器:

2.如果不是ie浏览器的话怎么把后面的路径去掉

3.怎么获取我们取得的图片路径.

请看下面的解决方案:

html代码:

 <div class="test">
     <input type="button" value="单击"/><input type="file" value="单击" id="fileInput" style="opacity:0; position:absolute; float:left; left:0; width:50px;"/>
 </div>

js代码:

  $(function () {
            $("#fileInput").change(function () {
                alert('Selected file: ' + this.value);
            });
        })

此时的界面是这样的

思路:让控件在浮动在虚设按钮上面,并且通明度=0,不能是display=none,否则不会有单击事件,至于那个通明度在ie下不兼容,可以适当的做些变通.在此就不多少了.吼吼