[html]自定义文件上传按钮

如果觉得文件上传按钮太难看,如果觉得上传按钮在各个浏览器上显示的效果不一致。我们可以自定义文件上传按钮。

实现方案是将文件上传按钮的点击事件传递给其他按钮。


.html ->

<input type = "file" id="myFile" />

<button id="myBtn">文件上传</button>


.css ->


#myFile {

    visibility: hidden;    /* 隐藏 */

}


#myBtn {

    /* 在这里自定义你的按钮样式 */

}


.js (为了简便起见,这里使用jQuery控件)


$(‘#myBtn‘).click(function() {

    $(‘#myFile‘).click(); // 模拟文件上传按钮点击操作

});



[html]自定义文件上传按钮,布布扣,bubuko.com

[html]自定义文件上传按钮

上一篇:Thinkphp2.1爆出重大安全漏洞


下一篇:【题解】 集合论 互测题 分块+欧拉序+压位