微信chooseImage,getLocalImgData调取相机拍照,获取图片base64

<a href="javascript:void(0)" onclick="use_wx_camera()">调取微信拍照</a>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId : '{$signPackage.appId}', // 必填,公众号的唯一标识
        timestamp : '{$signPackage.timestamp}', // 必填,生成签名的时间戳
        nonceStr : '{$signPackage.nonceStr}', // 必填,生成签名的随机串
        signature : '{$signPackage.signature}',// 必填,签名,见附录1
        jsApiList : ['chooseImage','getLocalImgData']
    });
    /**
     * 微信调取拍照
     */
    function use_wx_camera(){
        /**
         * 调取相机
         */
        wx.chooseImage({
            count: 1, // 默认9
            sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有'original', 'compressed'
            sourceType: ['camera'], // 可以指定来源是相册还是相机,默认二者都有'album', 'camera'
            success: function (res) {
                //alert(JSON.stringify(res));
                //var localId = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片

                /**
                 * 获取图片数据
                 */
                wx.getLocalImgData({
                    localId: res.localIds[0].toString(),
                    success: function (result) {
                        //alert(JSON.stringify(result));
                        const localData = result.localData;
                        let imageBase64 = '';
                        if (localData.indexOf('data:image') == 0) {
                            //苹果的直接赋值,默认生成'data:image/jpeg;base64,'的头部拼接
                            imageBase64 = localData;
                        } else {
                            //此处是安卓中的唯一得坑!在拼接前需要对localData进行换行符的全局替换
                            //此时一个正常的base64图片路径就完美生成赋值到img的src中了
                            imageBase64 = 'data:image/jpeg;base64,' + localData.replace(/\n/g, '');
                        }
                        alert(imageBase64);
                    }
                });
            }
        });
    }
</script>

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凌晨四点的_LA

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值