微信安卓6.5.3以上版本网页上传不了图片的解决方案

元仙僧的博客 - CSDN博客

版权声明:转载请注明元仙僧 https://blog.csdn.net/weixin_42567389/article/details/88526741

今天下午,收到运营提的bug。安卓用户不能在我们的公众号网页上上传图片,选择图片没有反应。

我第一个反应就是,不可能,之前图片还能上传的,怎么今天就不行了。然后,我用几台安卓机子测试,发现把微信更新到6.5.3以上版本的机子不能上传图片。老版本还能正常上传。

然后我又找了几个有上传图片的网页,有些能用,有些不能。我对比了它们的input后发现,只要accept设置了不是默认值,微信最新版就无法使用这个input标签。

我醉了,这个bug真够坑的。

我们的初衷是,input标签只能识别图片,这导致在安卓上微信6.5.3版本无法使用。虽然还能点开,但是选了图片没有触发事件,也就无法上传图片。

下面是我的解决方案,ios及安卓微信6.5.3之前的input标签只能选择图片,安卓微信6.5.4的input能选择任何文件。

<input type="file" id="file" name="file" accept="image/*"  onchange="getPicture(this)"/>

JS代码修改如下

var ua =navigator.userAgent;
 var wechatInfo = ua.match(/MicroMessenger\/([\d\.]+)/i);
 var filter = [{title: "Image files",  
         extensions: "jpg,png,jpeg"   }];  
 
if (/android/.test(ua.toLowerCase();) && wechatInfo && parseFloat(wechatInfo[1]) > 6.3 ) {     filter = []; }

贴一个大佬关于移动端上传图片的方法
移动端图片上传方法【更好的兼容安卓IOS和微信】

本文由 黑白世界4648 第一时间收藏到GET,原文来自 → blog.csdn.net

「GetParty」

关注微信号,推送好文章

微信中长按图片即可关注

更多精选文章

评论
微博一键登入