微信調用相機上傳照片+拍照上傳


var images='';
 // 上傳商品
     var jsApiSdk;
    var localIds;
    // 獲取微信接口conf參數
    $.ajax({
        url:'/index.php?r=wxtest/wxshare',
        data:{url:window.location.href},
        dataType:'json',
        success:function(data){
            jsApiSdk = data;
            wx.config(jsApiSdk);
        }
    });
    function wxChooseImage(obj) {
        wx.chooseImage({
            count: 3, // 默認9
            sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有
            sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有
            success: function (res) {
                localIds = res.localIds; // 返回選定照片的本地ID列表,localId可以作為img標簽的src屬性顯示圖片
                var html = '';
                var serverIds = '';
                $.each(localIds,function (i,v) {
                    html+='<li class="box_flex_ss"><img class="fileImg" src="'+v+'" /></li>'
                });
                obj.parents("#goodsImg").prepend(html);
                var i = 0, length = localIds.length;
                serverIds = [];
                function upload() {
                    wx.uploadImage({
                        localId: localIds[i],
                        success: function(res) {
                            i++;
                            serverIds.push(res.serverId);
                            if (i < length) {
                                upload();
                            }else {
                                // 保存圖片到本地
                                $.ajax({
                                    url: '/index.php?r=img/wx_upload',
                                    data: {media_id: serverIds},
                                    dataType: 'json',
                                    success: function (data) {
                                        /*
                                        * {data:[o:"www.***.jpg",1:"www.***.jpg"]}
                                        * */
                                        $.each(data.path, function (i) {
                                           obj.parents(".picture").append('<input name="path[]" class="ycimgs" type="hidden" value="'+data.path[i]+'">');
                                        });
                                        $.each($(".ycimgs"),function(i,v){
                                            images+=$(v).val()+',';
                                        })
                                          
                                        images=images.substring(0,images.length-1);
                                    }
                                })
                            }
                        },
                        fail: function(res) {
                            // alert(JSON.stringify(res));
                        }
                    });
                }
                upload();
            }
        });
    }
    wx.ready(function(){
        $('#uplogo,#upload').click(function () {
            wxChooseImage($(this));
        })
    })
    wx.error(function(res){
        // config信息驗證失敗會執行error函數,如簽名過期導致驗證失敗,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數中查看,對於SPA可以在這里更新簽名。
    });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM