通过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标签,会打开一个文件选择器。好看多了。

posted @ 2019-05-08 16:32  陆某人  阅读(829)  评论(0编辑  收藏  举报