码迷,mamicode.com
首页 > 微信 > 详细

微信web开发的上传图片js接口

时间:2015-10-16 20:41:00      阅读:509      评论:0      收藏:1      [点我收藏+]

标签:

$(‘.chooseImage‘).click(function(){
            wx.chooseImage({
                count: pic_num, // 默认9,大于9也是显示9
                sizeType: [‘compressed‘], // 可以指定是原图还是压缩图,默认二者都有 ‘original‘, 
                success: function (res) {
                    images.localId = res.localIds;
                    alert(‘已选择 ‘ + res.localIds.length + ‘ 张图片‘);
                    var img_data = "";
                    $.each(images.localId, function(i, v)
                    {
                        img_data += "<img class=‘wimg-item‘ src=‘"+v+"‘>";
                    });
                    $("#image_content .chooseImage").before(img_data);
                    $("#uploadImage").click();
                }
            });
        });


        document.querySelector(‘#uploadImage‘).onclick = function () {
            if (images.localId.length == 0) {
                alert(‘请先使用 chooseImage 接口选择图片‘);
                return;
            }
            var i = 0, length = images.localId.length;
            images.serverId = images.serverId || [];
            function upload() {
                wx.uploadImage({
                    localId: images.localId[i],
                    isShowProgressTips: i == 0 ? 1:0,// 第一张图显示进度,避免出现一会弹出一个进度等待
                    success: function (res) {
                        i++;
                        $(‘#ask_submit‘).html(‘正在上传 ‘+i+‘/‘+length);
                        if(i>=length)
                        {
                            $(‘#ask_submit‘).html(‘确定‘);
                            // alert(‘已上传:‘ + i + ‘/‘ + length);
                        }

                        images.serverId.push(res.serverId);
                        if (i < length && i <= pic_num) {
                            upload();
                        }
                    },
                    fail: function (res) {
                        alert(‘~><~ 图片上传失败,请稍后再试...‘);
                        //alert(JSON.stringify(res));
                    }
                });
            }
            upload();
        };
    });

 

微信web开发的上传图片js接口

标签:

原文地址:http://www.cnblogs.com/firstForEver/p/4886132.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!