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

});

  

原文地址:https://www.cnblogs.com/ttty/p/10515293.html