<input type="file"/>这个东西是用来上传图片用的.
1,但是存在一下问题但是在在各个浏览器下的显示是不一样的
IE下:
IE之外的浏览器:
2.如果不是ie浏览器的话怎么把后面的路径去掉
3.怎么获取我们取得的图片路径.
请看下面的解决方案:
html代码:
1 <div class="test">
2 <input type="button" value="单击"/><input type="file" value="单击" id="fileInput" style="opacity:0; position:absolute; float:left; left:0; width:50px;"/>
3 </div>
js代码:
$(function () {
$("#fileInput").change(function () {
alert('Selected file: ' this.value);
});
})
此时的界面是这样的
思路:让控件在浮动在虚设按钮上面,并且通明度=0,不能是display=none,否则不会有单击事件,至于那个通明度在ie下不兼容,可以适当的做些变通.在此就不多少了.吼吼