微信端input type=file 无法上传图片

2019独角兽企业重金招聘Python工程师标准>>>

在做一个上传头像功能时，遇到一个奇葩的问题，（我的手机是魅族）

<input id="photo" type="file" accept="image/jpeg, image/x-png, image/gif" capture="camera">

这段代码在非微信浏览器内能选中图片并上传，而在微信浏览器内就失效了，查了各种资料并没有找个解决方案，一次 偶然的机会将代码改成

<input id="photo" type="file" accept="image/*" capture="camera">

发现奇迹般的在微信里成功了。

自己猜测，可能是 accept="image/jpeg, image/x-png, image/gif" 这个属性在微信里寻找手机里的图片的时候类型不匹配，导致上传失败，将其改成  accept="image/*" 这个时候就能成功。可能是微信浏览器内对input的配置问题。

最后发现可以不要 capture="camera" 也能调用摄像头。最后代码为

<input id="photo" type="file" accept="image/*">

转载于:https://my.oschina.net/u/2306318/blog/1512155