微信JSSDK实现打开摄像头拍照再将相片保存到服务器

实现微信JSSDK打开摄像头拍照再将照片保存到服务器，主要包括以下几个步骤：

1.在微信公众平台中申请AppID，并开通JSSDK功能。

2.在网页中引入微信JSSDK，并使用微信提供的API调用摄像头功能。

3.将摄像头拍摄的照片进行编码并上传到服务器。

以下是具体的实现攻略：

一、申请AppID和开通JSSDK

首先需要在微信公众平台申请一个AppID，然后在公众平台中进行JSSDK的配置，开通JSSDK功能。其中配置中需要填写授权域名，以便微信能够正常调用JSSDK。

二、引入微信JSSDK

在网页中引入微信JSSDK，可以使用以下代码实现：

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

接着，需要使用config函数进行JSSDK的配置，同时调用wx.ready函数，加载JSSDK后执行的回调函数。

其中，config函数中需要填写当前页面的URL、AppID、timestamp、nonceStr和signature信息。可以通过后台接口动态生成这些信息。

以下是一个示例代码：

wx.config({
    debug: false, // 调试信息
    appId: 'your_appid', // 公众号的唯一标识
    timestamp: , // 生成签名的时间戳
    nonceStr: '', // 生成签名的随机串
    signature: '', // 签名
    jsApiList: [ // 需要使用的JS接口列表
        'checkJsApi',
        'chooseImage',
        'previewImage',
        'uploadImage'
    ]
});

wx.ready(function () {
   // JSSDK加载完成后执行的代码

});

三、调用摄像头拍照

用户点击拍照按钮时，调用微信提供的chooseImage函数，打开微信内置的拍照功能。

以下是一个示例代码：

// 点击拍照按钮
$("#btnShoot").click(function () {
    // 调用微信JSSDK
    wx.chooseImage({
        count: 1, // 最多只能拍摄1张照片
        sizeType: ['compressed'], // 照片质量，压缩
        sourceType: ['camera'], // 只能从相机中选择
        success: function (res) {
            //获得照片localId，可以直接使用这个localId显示图片或上传照片
            var localId = res.localIds[0];
            // 在页面展示照片
            $("#img").attr('src', localId);
        },
        fail: function(err){
            // 拍照失败
        }
    });
});

四、将图片上传到服务器

当用户拍完照片后，可以通过微信提供的uploadImage函数将照片上传到服务器中。

以下是一个示例代码：

// 点击保存图片按钮
$("#btnSave").click(function () {
    // 获取上传照片的localId
    var localId = $("#img").attr('src');
    //通过本地ID获取图片Base64编码
    wx.getLocalImgData({
        localId: localId, // 图片的本地ID
        success: function (res) {
            // 获取照片的Base64编码
            var localData = res.localData;
            //调用上传图片的后台接口
            $.post("/uploadImage", {
                imageData: localData
            }, function (data) {
                // 上传图片成功后的处理
            });
        }
    });
});

需要注意的是，在将照片上传到服务器时需要进行Base64编码，以便服务器能够正确识别和保存照片。

以上就是实现微信JSSDK打开摄像头拍照再将照片保存到服务器的完整攻略。其中包括了引入微信JSSDK、调用摄像头拍照和将照片上传到服务器的具体实现过程。