在项目中遇到了用a标签来更换头像,这样的话就要点击a标签打开文本选择器。代码如下:

1 <a  href="javascript:void(0)" id="diva_xjr">
2             更换头像
3     <form id="imgform_xjr" enctype="multipart/form-data">
4         <input  type="file" name="img"  style="display:none" id="img02_xjr"/>
5     </form>
6 </a>

css代码如下:(jquery实现的)

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
    $("#diva_xjr").click(function(){  
        document.getElementById("img02_xjr").click();
            });

效果就是你点击一下a标签,会打开一个文件选择器。好看多了。

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄