小程序之批量上传图片

上传图片在项目中属于一个常见场景。在小程序中同样遇到了这样的需求。如何去解决呢？

利用wx.chooseImage()，wx.uploadFile()两个接口即可完成小程序的批量上传图片。

wx.chooseImage()

主要参数：

count：控制选择图片张数至多9张；

sizeType： 选择图片尺寸（压缩：compressed or 原图：original）；

sourceType： 图片来源（相册：album or 拍照：camera）

wx.uploadFile()

主要参数：

url： 图片上传接口；

filePath： 上传资源路径（string）

name: 文件对应的 key,(与后台接口约定的key)

util.js

index.js

[图片上传失败...(image-353ab7-1553483695861)]

[图片上传失败...(image-a789e3-1553483695861)]

a, 批量封装函数中对上传文件大小的监控

b, 加上uploadTask可以实现上传进度的监控

...

开发图片上传功能时，上传进度为100%，但是点击上传按钮时，提示【上传图片不存在】。

使用wx.uploadFile接口时，上传进度uploadTask返回的progress = 100%，并不意味着wx.uploadFile立马进入success回调中，中间过程存在时间差（服务器处理导致），所以如果一看到progress = 100%就点击上传按钮，就会提示【上传图片不存在】。

判定上传任务是否成功的标准是否进入success回调，而不是progress = 100%；

在小程序开发过程中，经常需要 消息推送 、 即时通讯 的功能支持，小程序提供了WebSocket的接口以满足以上需求，今天我们就来讲讲小程序中的WebSocket接口的使用

一般情况下使用WebSocket使用是这样的

那如果我们想同时建立多个Socket连接该怎么办？接着往下看

这里必须用到 SocketTask 接口，通过 wx.connectSocket() 接口创建返回

这样就可以实现多个websocket同时通信啦，不过有一点要注意

好啦，以上就是我本次分享的全部内容啦，如果你觉得我的文章对你有一丢丢帮助，那么请不要吝啬你的赞