调用微信上传手机图片接口

最新推荐文章于 2023-03-31 18:00:00 发布

睡不醒的猫

最新推荐文章于 2023-03-31 18:00:00 发布

阅读量371

点赞数

本文链接：https://blog.csdn.net/transition164/article/details/77361185

版权

<script language = "javascript" >
    var wx_config = <?=json_encode($wx_config)?>;
    wx.config({
        debug: false, // 开启调试模式
        appId: wx_config.appId, // 必填，公众号的唯一标识
        timestamp: wx_config.timeStamp, // 必填，生成签名的时间戳
        nonceStr: wx_config.nonceStr, // 必填，生成签名的随机串
        signature: wx_config.signature,// 必填，签名，见附录1
        jsApiList: ['chooseImage', 'uploadImage', 'downloadImage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
    var images = {
        localId: [],
        serverId: []
    };
    //上传手机图片
    $(".icon-ma").click(function () {
        $('.serverId').val("");
        wx.ready(function () {
            //拍照或从手机相册中选图接口
            wx.chooseImage({
                count: 2, // 最多能选择多少张图片，默认9
                sizeType: ['original', 'compressed'],
                sourceType: ['album', 'camera'],
                success:function(res){
                    var localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                    var localIdImg = localId.toString().split(",");
                    if (localIdImg.length == 0) {
                        alert('没有获取本地图片照片ID');
                        return;
                    }
                    var i = 0, length = images.localId.length;
                    images.serverId = [];
                    //上传图片
                    function upload() {
                        wx.uploadImage({
                            localId: localId[i],
                            success: function (res) {
                                $("#imgdiv").append("<img  src=\"" + localIdImg[i] + "\" />");
                                i++;
                                images.serverId.push(res.serverId);
                                var tmpServerId = $('.serverId').val();
                                $('.serverId').val(tmpServerId + res.serverId + ",");
                                if (i < localIdImg.length) {
                                    upload();
                                }
                                if (localIdImg.length > 3) {
                                    $("#imgdiv").height("30px");
                                }
                            },
                            fail: function (res) {
                                alert(JSON.stringify(res));
                            }
                        });
                    }
                    upload();
                }
            })
        });
    });
</script>