今天开发input上传图片组件,因为原生input的样式很丑,所以要把input隐藏在一个美化过的div之后,利用事件冒泡的原理实现点击div冒泡到input上来打开本地相册,那么问题来了。。
input设置display:none或visibility: hidden;之后并不能在微信浏览器点击到,其他浏览器则正常。
<input type='file' style='display:none'>
解决方法:display:none改成opacity:0;
<input type='file' style='opacity:0'>
为什么微信不能点击隐藏的input,目前我还不知道具体原因,有知道的可以留言,我弄清楚原因之后,再发出来。