通过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实现的)
$("#diva_xjr").click(function(){ document.getElementById("img02_xjr").click(); });
效果就是你点击一下a标签,会打开一个文件选择器。好看多了。