改变HTML文件上传控件样式（隐藏默认样式 用点击图片间接调用）

思路：

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

});