美文网首页
Bootstrap的文件上传input太丑?快速用好看的butt

Bootstrap的文件上传input太丑?快速用好看的butt

作者: 喧哗与搏杀 | 来源:发表于2019-04-11 15:28 被阅读0次

    近期在做关于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" onclick="get_file()">
    

    相关文章

      网友评论

          本文标题:Bootstrap的文件上传input太丑?快速用好看的butt

          本文链接:https://www.haomeiwen.com/subject/uvgtwqtx.html