微信小程序相机组件的使用

最新推荐文章于 2024-08-01 09:09:36 发布

kevin_xfzy

最新推荐文章于 2024-08-01 09:09:36 发布

阅读量6.3k

点赞数

分类专栏：工具文章标签：微信小程序相机组件的使用微信相机组件

本文链接：https://blog.csdn.net/qq_25101225/article/details/81035040

版权

在开发人脸识别登录系统中，由于H5<input>控件的局限性和界面美观问题，转向研究微信小程序的相机组件。文章详细介绍了如何使用微信JS-SDK获取授权配置，并在WXML和JS中设置相机参数，包括设备位置、闪光灯控制以及错误处理。同时提供了官方文档和W3Cschool的参考资料链接。

摘要由CSDN通过智能技术生成

最近开发人脸识别登录系统，需要在微信中调用相机实现拍照上传功能，最开始使用H5<input>控件实现，但界面不太美观，
H5的getMedia只兼容几个主流的浏览器，所以就研究了微信相机组件的开发，过程经历了许多坑 . . . . . .
H5利用input标签直接调用相机：https://blog.csdn.net/qq_25101225/article/details/81034626

首先需要获取使用微信JS-SDK的授权配置（参数可以后台ajax获取）：

var url = window.location.href;
$.ajax({
    url: url_root + "/wechat/get_signature",
    type: "post",
    data: { "url" : url },
    dataType: "json",
    success: function (data) {
        wx.config({
	    appId: data.data.appId,
	    timestamp: data.data.timestamp,
	    nonceStr: data.data.nonceStr,
	    signature: data.data.signature,
	    jsApiList: ['createCameraContext','camera']
	});
    }
});

index.Wxml
device-position：