近期在做关于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()">
网友评论