本文主要讲解 手机浏览器 如何拍照 为什么会有这个需求 最近做一个项目要用到拍照然后上传照片,但是网页拍照一般都是用Flash做的,而我们主要是H5页面,如果在微信里面有权限就可以通过JSSDK调起摄像头拍照的。这里我们主要说下手机端浏览器如何调起摄像头 H5如何打开摄像头 不需要特别的支持,只需要一行代码就可以了 <input id="upload" type="file" accept="image/*;" capture="camera" > 如何预览图 原理是用js获取input file的图像流,然后赋给img标签的src属性,然后再设置这个img的css,就能得到你要的效果了,代码如下 ; var demo_h5_upload_ops = { init:function(){ t
  最近做项目发现在Iphone下,我们上传图片都会被翻转,最后查阅资料发现,的确是IOS的问题不说过程,直接解决方法iOS下,html方式使用<input type="file">上传图片,图片会被旋转。遇到这个问题js是无法解决的,html也没有相应的解决方案。只能放到后台去处理,将旋转的图片再旋转回来。iOS拍摄的图片提供了EXIF信息,Orientation值为6即顺时针90度,有了这个信息我们只需要逆时针旋转90度即可。伪代码 //下面是php的伪代码 $exif = exif_read_data($image_file);//获取exif信息 if (isset($exif['Orientation']) && $exif['Orientation'] == 6) { //旋转imagerotate($img,-
  • 微信公众号 微信小程序
  • 微信机器人
  • 群1:1046090432
  • 群2:585567981