关于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);

            });

        })

此时的界面是这样的