微信中打开 input file 在安卓设备上没有拍照功能

Posted 2021-01-09 印度阿铭

 

有时候我们会在微信公众号里开发会遇到上传图片的功能，当你写<input type="file"> 的时候，在ios上可以成功调起拍照和图库两块，在安卓手机上只能调取图库而没有拍照功能，解决办法：给input 加上accept属性

<input type="file" accept="image/*" />  //调用相机 ，图片或者相册 （两者都行）

加上了capture=camera"属性之后安卓手机就直接调用了相机，没有了图库的选项

<input type="file" accept="image/*;capture=camera"> //直接调用相机

<input type="file" accept="video/*;capture=camcorder"> // 调取视频
<input type="file" accept="audio/*;capture=microphone"> //调取音频

注：capture表示，可以捕获到系统默认的设备，比如：camera--照相机；camcorder--摄像机；microphone--录音。