思路:
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(); }); });