首页 前端知识 微信的wx.uploadImage多图上传解决方案

微信的wx.uploadImage多图上传解决方案

2024-04-29 11:04:12 前端知识 前端哥 340 495 我要收藏

了解我的人都知道,不废话,直接上干货!

1、选择图片

var localIds = [];    

wx.chooseImage({

        count:   9,

        sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有

        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有

        success: function(res) {

                localIds = res.localIds;

                syncUpload(); // 如选择后,不需及时上传(如:点击提交后再上传),请自定义

        }

});


2、图片上传

function syncUpload() {

        if (!localIds.length) {

                alert('上传成功!');

                // 自定义处理逻辑

        } else {

                var localId = localIds.pop();

                wx.uploadImage({

                        localId: localId,

                        isShowProgressTips: 0, // 这里取消上传loading

                        success: function(res) {

                                syncUpload();

                                // 自定义处理返回结果

                        }

            });

        }

}

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6311.html
标签
servlet
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!