前言
目前有个需求是图片拍照上传的功能,但是我就是死活掉不起相机。。。总是打开的是文件目录OR上传图片。。。。而不是相机。。。
所以对比了下
代码:
参考了百度移动端实现方式。。。代码很简单,对就这一句!
<input type="file" accept="image/*" onChange={this.choosePhoto}/>
其他实现方式 增加mutiple ,但是兼容性不好,部分华为手机不兼容
<input type="file" multiple accept="image/*" onChange={this.choosePhoto} />
更新实践:accept="image/*" 会导致加载页面效果缓慢,所以除了微信以为调用下面的方式
<input className="upload-photo-input" type="file" accept="image/jpeg,image/jpg,image/png" onC