作过微信开发的都知道,在部分android机型里微信不支持网页上传图片的,这是因为这些机型的文件上传存在内存泄漏,会致使微信闪退,因此微信内置浏览器将文件上传屏蔽。这就致使这些机型的用户在使用微信浏览器访问某些须要上传图片的网页时功能不正常。android

前不久微信公开了一些接口,其中有一个uploadImage接口用于上传图片,通常和chooseImage接口配合使用。先调用chooseImage接口让用户选择一张或者多张图片,用户选择完毕后微信会返回被选中图片的id,再把图片id传给uploadImage接口上传图片。浏览器

因为uploadImage一次只能上传一张图片,所以当用户选择多张图片时,须要屡次调用uploadImage接口来上传图片。服务器

可是在实践的过程当中发现,无论用户选中多少张图片,只有第一张可以上传成功。微信

查看了一下微信的文档,在常见问题中找到了相关的描述微信开发

uploadImage怎么传多图(目前只支持一次上传一张,多张图片需等前一张图片上传以后再调用该接口)server

也就是说,若是想要上传多张图片,须要将以前并行上传改为串行。接口

代码以下:图片

$('#filePicker').on('click', function () {

wx.chooseImage({

success: function (res) {

var localIds = res.localIds;

syncUpload(localIds);

}

});

});

var syncUpload = function(localIds){

var localId = localIds.pop();

wx.uploadImage({

localId: localId,

isShowProgressTips: 1,

success: function (res) {

var serverId = res.serverId; // 返回图片的服务器端ID

//其余对serverId作处理的代码

if(localIds.length > 0){

syncUpload(localIds);

}

}

});

};

后台php微信jssdk上传多张图片,微信JSSDK上传多张图片相关推荐

  1. 后台php微信jssdk上传多张图片,微信jssdk能上传多张图片吗?

    通过调用wx.chooseImage能从手机相册中选择一张或多张图片,如选择2张图片,下面的localIds.length为2.当时选择一张图片上传的时候能上传成功,选择多张图片则只能上传一张.wx. ...

  2. 微信JSSDK多图片上传并且解决IOS系统上传一直加载的问题

    微信JSSDK多图片上传并且解决IOS系统上传一直加载的问题 参考文章: (1)微信JSSDK多图片上传并且解决IOS系统上传一直加载的问题 (2)https://www.cnblogs.com/co ...

  3. JAVA微信公众号开发第8篇JSSDK图片上传预览

    简介 博主微信JSSDK&图片上传预览基于微信分享做拓展,所以一些配置操作请点击查阅JAVA微信公众号开发第7篇JSSDK&微信分享博文 页面 <html><head ...

  4. 图片上传(调用微信接口)

    图片上传之原生方法 图片上传.压缩.回显.缩略图放大.删除.下载,可以参考这儿(h5方法) https://github.com/zhangstar1331/pictureUpload 效果展示 背景 ...

  5. 七牛HTML 上传按钮,七牛 JSSDK 配置+常见问题

    作者:娇娇jojo 时间:2018年6月19日 一.铺垫 依靠七牛上传图片,其实有很多方法,先说说有哪些方法,以及这些方法各自的优缺点吧(移动端). way1:前端只负责选择图片,然后将图片传给服务端 ...

  6. 微信小程序cameraContext拍摄的视频或照片上传后端,不需要处理实时监听的ArrayBuffer格式的视频数据,只需要直接使用wx.uploadFile上传后端,简单好用(带前后端代码)

    最终方案请直接看文章最后! 最近在做一个微信小程序录制视频(图片也是一样的逻辑),然后上传后端的功能,使用的是微信小程序提供的cameraContext实例,具体官方文档请参考: CameraCont ...

  7. android多文件上传错误,微信多图上传解决android多图上传失败问题

    微信提供了文件上传的方法wx.uploadFile来上传我们的图片 wx.chooseImage({ success: function(res) { var tempFilePaths = res. ...

  8. 如何用微信web开发者工具测试调试并打包上传小程序

    厦门四六开科技给大家讲讲 如何用微信web开发者工具测试调试并打包上传小程序,其实还是很简单的,这个教程针对小白,大神请直接略过. 一.下载并安装软件(根据自己电脑实际情况选择版本安装) 如何用微信开 ...

  9. 微信小程序开发文档及文件上传示例(JAVA)

    微信小程序开发文档及文档上传示例 一.什么是微信小程序 小程序是一种无需下载安装,即可使用的手机应用.只需要扫描二维码,或是搜一搜,就能立即使用. 与APP不同的是,小程序无需下载安装.无需卸载.用完 ...

最新文章

  1. 奇奇怪怪的冒泡排序 TOJ 2014: Scramble Sort
  2. 深入剖析ThreadLocal
  3. stl-----全排列
  4. SCI论文写作--中科院自动化所牛博士教你如何搞科研
  5. 已有打开的与此 Command 相关联的 DataReader,必须首先将它关闭
  6. mysql windows软件_windows版MySQL软件的安装
  7. Ubuntu根目录下各文件夹的功能详细介绍
  8. duration java_Java Duration类| 带示例的get()方法
  9. Nginx 配置学习
  10. 又联考了一场,感觉自己好菜啊,T1没写出来,后来花了一个早上调试。QAQ。最后发现是个-1还有取模没打。。。TAT。。。难受极了!!!...
  11. js 报错(intermediate value)(...) is not a function
  12. 《流畅的python》概述
  13. 三菱Q系列PLC程序,该设备由24个伺服电机、1套焊接机、2套CCD、4套扫码枪、6套位移传感器组成
  14. 20200903尝试解决屏幕录像专家在WIN10的2004版本下录音有噪声+无声的问题
  15. 朴素贝叶斯0概率时不进行拉普拉斯平滑与进行了拉普拉斯平滑后正确率对比(德国信用卡案例)
  16. WICED™ SMART Software Development Kit
  17. SAD—系统分析和设计 “机票预订系统”_软件工程导论大作业
  18. 深度神经网络算法有哪些,深度神经网络算法原理
  19. STP的BPDU报文类型
  20. CSS代码缩写,占用更少的带宽/字体缩写/盒模型代码简写/颜色值缩写

热门文章

  1. 耐心,是投资者最好的美德,顶级投资人都像个“废人”
  2. AI首席架构师9-AICA-胡晓光 《飞桨模型库与行业应用》
  3. 节后上班第一天图鉴来袭,请对号入座!
  4. posix_spawn函数
  5. 2019.1.14 作业
  6. Choreographer——一个舞蹈指挥家的日常
  7. Python 编程开发 实用经验和技巧
  8. VMware启动报错:另一个程序已锁定文件的一部分,进程无法访问(删除最近的.lck文件夹)
  9. 找不到微粒贷入口?带你了解更全面的微粒贷使用流程
  10. jquery ajax实现聊天室,用jquery写了一个超简陋的ajax无刷新聊天室