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/jquery
$(document).ready(function(){
$('#my-img').click(function(){
$('#img-upload').click();
});
});