[html]自定义文件上传按钮
如果觉得文件上传按钮太难看,如果觉得上传按钮在各个浏览器上显示的效果不一致。我们可以自定义文件上传按钮。
实现方案是将文件上传按钮的点击事件传递给其他按钮。
.html ->
<input type = "file" id="myFile" />
<button id="myBtn">文件上传</button>
.css ->
#myFile {
visibility: hidden; /* 隐藏 */
}
#myBtn {
/* 在这里自定义你的按钮样式 */
}
.js (为了简便起见,这里使用jQuery控件)
$(‘#myBtn‘).click(function() {
$(‘#myFile‘).click(); // 模拟文件上传按钮点击操作
});
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。