正文

改变HTML文件上传控件样式

IP云
IP云V管理员/6 阅读
09/03
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

思路：

1、重写一个新的样式 
2、将默认样式设置display:none;，即设为不可见 
3、在js里调用：当点击新样式的时候，调用这个input的点击事件

html：

<div class="head-img">
<img src="./imgs/王小波.jpg" id="my-img">
<input type="file" id="img-upload"/>
</div>

css：

.head-img{
text-align: center;
}#img-upload{
display: none;
}

Js:

$(document).ready(function(){
$('#my-img').click(function(){
$('#img-upload').click();
});});