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/*">