bootstrap的input[type=file]太难看?用button来代替它!

近期在做关于bootstrap的一个项目,不得不说,bootstrap没有对文件上传功能进行美化

<input type="file"> <!--依旧是丑陋的按钮-->
<button class="btn btn-info"><!--相比起来按钮十分好看-->

可是无奈按钮没有文件上传功能,如果要去定义一个文件上传函数来绑定button显得有点舍近求远。因此这里给出一种方法,只需要定义一个简单的函数即可:
通过该函数可以实现点击button就是点击隐藏的input[file]。既利用了bootstrap十分好看的按钮,又不需要重新编写绑定按钮的文件上传功能!

 <script>
    function getFile(){
	    $("#getF").click();
    }
 </script>
<input id="get_file" type="file" display="none">
<button class="btn btn-info" "get_file()">
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值