回看一下,该贴已过4月有余,记录了LZ参与微信开发的整个时间轴。看到陆续还有小伙伴回复,还是蛮开心的。

今天就给大家分享一下微信jssdk上传多张图片的过程吧

LZ在开发过程中遇到很多很多问题,其中关于上传图片主要涉及两个问题:
1. 只能上传一张图片。
2. 同一张图片重复上传多次。
开发的过程中,同事给了很多建议,有一点我觉得非常重要——学会解决问题。
微信公众号的开发文档第一次看下来感觉是蒙的,明明每句话都能看明白,但就是看不懂每句话具体表示什么意思。后来LZ利用一个个接口实现了一个个功能之后,再回头看文档,发现,文档说的好清楚,就差把源码给出了,无奈当时就是这么笨。

第一个问题,其实很好解决。网上也有很多人遇到相同的问题,将localId的值已String的类型给出就好了。
第二个问题,LZ纠结了一天,一点不夸张。递归的推算算的LZ头疼,明知道就是因为单次上传图片过程中循环全部localId,可就是改不会啊

后来参考了网上的一篇文章,解决了这个问题。首先,定义两个变量
var index = 0;// 上传序号,记录上传到第几张图片
var localIds ; //本地图片ID数组,即调用微信WEB JSSDK 的wx.chooseImage()返回的结果
然后写递归函数实现获取 【根据图片本地ID,获取图片媒体ID】这个环节。
这里就不贴出具体的代码了,具体实现过程请参考:
https://segmentfault.com/a/1190000005856326遇到问题时冷静面对。微信开发至今,已经有很多个前辈遇到过我们可能还未遇到的问题,所以学会查找资料,高效的收集对自己有用的内容这一点很重要。而且身边肯定也有同行的小伙伴,大家一起合作、讨论,一定能给到工作过程的喜悦。
再次感谢光临的各位小伙伴~
祝大家工作、生活愉快~
