通过a标签打开文本选择器--用于文件的上传优化
在项目中遇到了用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标签,会打开一个文件选择器。好看多了。

更多精彩