javascript - 微信JS—SDK嵌套选择图片和上传图片接口，实现一键上传图片，遇到问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 微信JS—SDK嵌套选择图片和上传图片接口，实现一键上传图片，遇到问题

伊谢尔伦 2017-04-10 15:03:33

[JavaScript讨论组]

1290

我们的实现如下：

function up_onepic() {
    wx.chooseImage({
        success: function (res) {
            upavatar.localId = res.localIds;

            if(res.localIds.length == 1) {
                //alert('上传图片');
                wx.uploadImage({
                    localId: upavatar.localId[0],
                    isShowProgressTips: 1,
                    success: function (res) {
                        upavatar.serverId.push(res.serverId);
                        var sI = upavatar.serverId;

                    fail: function (res) {
                        alert(JSON.stringify(res));
                        }
                });
            }
         } 
     });
 }

出现的问题是：选择图片的接口执行完之后，并不执行wx.uploadImage；如果在wx.uploadImage前面加上 alert('上传图片'); 语句，操作时确定之后会执行wx.uploadImage。

请问如何改进代码，实现一键上传图片。

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(8)

PHP中文网2017-04-10 15:05:33 8楼

在选择图片后，采用setTimeout(function(){
wx.uploadImage()
},0)
可以解决android设备下的问题。
此处还有一个坑，在IOS设备下，必须一个传完之后在调接口传下一个。否则连续调uploadImage后，只会上传最后一张图片

赞 +0

添加回复

迷茫2017-04-10 15:05:33 7楼

http://dailythinkdo.sinaapp.com/wx/php/sample.php可以看看我写的demo

赞 +0

添加回复

高洛峰2017-04-10 15:05:33 6楼

刚找到问题所在： localIds 改为 localIds.toString() 就ok了

赞 +0

添加回复

PHPz2017-04-10 15:05:33 5楼

我也在用微信js处理图片，不过是选择了图片后不执行success函数，已经返回成功的信息的啦。郁闷好久，没解决，顶一下楼主，祝找到解决方法

话说楼主可以选择成功吗

赞 +0

添加回复

天蓬老师2017-04-10 15:05:33 4楼

我觉得你可以在wx.uploadImage事件后console.log(new Date().getTime())

看一看是不是wx.uploadImage事件没有执行就把时间打印出来了

然后就是，既然是微信开发，何不用html5的formData特性呢？很方便啊

赞 +0

添加回复

PHP中文网2017-04-10 15:05:33 3楼

setTimeout(function (){ wx.uploadImage({
localId: localIds, // 需要上传的图片的本地ID，由chooseImage接口获得
isShowProgressTips: 1,// 默认为1，显示进度提示
success: function (res) {
var serverId = res.serverId; // 返回图片的服务器端ID

                            }
                        })},100);

                        把调用uploadImage放在setTimeout中延迟100ms解决

赞 +0

添加回复

阿神2017-04-10 15:05:33 2楼

怎么你闷写个app比我写混合的还复杂..

赞 +0

添加回复

阿神2017-04-10 15:05:33 1楼

可以看下你的微信上传的demo吗

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

我也在用微信js处理图片 ，不过是选择了图片后不执行success函数，已经返回成功的信息的啦。郁闷好久，没解决，顶一下楼主，祝找到解决方法

看一看是不是wx.uploadImage事件没有执行就把时间打印出来了

我也在用微信js处理图片，不过是选择了图片后不执行success函数，已经返回成功的信息的啦。郁闷好久，没解决，顶一下楼主，祝找到解决方法