javascript - jssdk里面的拍照接口怎么调用？

问题描述

问 题

jssdk里面的调用本机已有照片以及拍照接口怎么调用？

解决方案

步骤一：绑定域名

步骤二：引入JS文件

http://res.wx.qq.com/open/js/jweixin-1.0.0.js

步骤三：通过config接口注入权限验证配置

//  后台将配置变量载入前台
public function qrscan($openiddd = 0){ 
    include('Jssdk.php');
    //  传入appid和密钥
    $jssdk = new JSSDK("xxxxxxxxxx", "xxxxxxxxxxxxxxxx");
    $getAccessToken = $jssdk->getToken();                                    
    $signPackage = $jssdk->GetSignPackage();                   

    
    $this->assign('signPackage', $signPackage);
    $this->display("wxapi");
}

//  下面是html页面的配置和调用
wx.config({
    // 开启调试模式,调用的所有api的返回值会在客户端alert出来，
    //若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    debug: true,
    appId: '{$signPackage.appId}', // 必填，公众号的唯一标识
    timestamp: {$signPackage.timestamp}, // 必填，生成签名的时间戳
    nonceStr: '{$signPackage.nonceStr}', // 必填，生成签名的随机串
    signature: '{$signPackage.signature}',// 必填，签名，见附录1
    jsApiList: [
        'chooseImage',
        'previewImage'
    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

步骤四：通过ready接口处理成功验证

wx.ready(function(){
    只要你wx.config里面的配置成功，这里就可以调用微信的各个接口了
    
    像这样,调用系统相册或者直接拍照
    
    $('.btn').on('click', function(){
        wx.chooseImage({
            count: 1, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
            }
        });
    });
    

});

这篇关于javascript - jssdk里面的拍照接口怎么调用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！