小程序之批量上传图片

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

利用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可以实现上传进度的监控

...

在PC互联网时代，相信让大家最烦心的事情莫过于经常需要更新电脑客户端，而且每次升级都需要手动安装，对于用户而言，这是极不好的体验。

移动互联网浪潮的到来，智能手机不断普及，App越来越多，用户同样面临一样的问题，需要不断的安装更新App，而且占用了大量的稀缺资源——手机的存储空间。

针对以上问题提供一种解决方案成为一个迫切的需求。参考PC互联网时代，用浏览器替代电脑客户端应用的思路，同样采用HTML+Javascript技术实现应用架构，数据随求随取，这样不就可以很好的解决上述问题么？于是RN、Weex、微信小程序等技术框架因此诞生。本系列博客只分享微信小程序相关，其他技术分享敬请期待。

想要了解微信小程序，首先要知道微信小程序是什么，应用场景，优缺点是什么，前景如何？需要哪些工具？下面将逐一解答。

了解了微信小程序是什么之后，就需要知道小程序的使用场景。可以借助四象限需求层次图进行分析。

横轴=需求刚性，纵轴=需求频次，象限=需求类别。

小程序实际上是提供了一种新的产品解决方案，微信是在鼓励HTML5开发，但依旧开放了App的接口能力，这说明小程序的未来愿景是混合应用，而不是前端和移动端‘你死我活’的状态。

---