如何将input type="file"显示的"浏览"

80酷酷网    80kuku.com

  显示
在新窗口打开图片

解决方法:

方法一:使用英文Windows系统(这个不太现实,全是废话,不要扔我鸡蛋!)

方法二:隐藏<input type="file" /> ,自己写一个按钮,加上onclick事件,触发 file文件域。

详细讲解下方法二:模拟自定义的效果

1、页面上放个隐藏的<input type=“file” />

2、然后加上一个文本input(type="text")和一个按钮input(type="button")

3、点按钮的时候调用<input type=file />的click选择文件

4、在<input type=file />的onchange事件中把其值显示在文本input中

5、注意把文本input设置成只读的,防止出错
 

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: