微信小程序 选择图片/视频/文件等上传功能的开发

在现在开发需求中，图片/视频/文件等等的上传，是非常常见的一种需求。

因此小程序的官方文档中也有着对应的api，可供与使用。

如：图片上传（一张或者多张）

在上传图片前，会先使用到：wx.chooseImage()，来获取访问到本地相册或是开启摄像头拍摄照片，于是我们获取到了小程序端返回的图片临时路径，这个路径仅仅只能在小程序的控制台中展示，无法复制黏贴到浏览器中，实际浏览，因为在实际的网络中，并没有这个路径的资源。

所以我们就需要配后后端，使用后端工程师提供的接口，进行上传。

注意了，因为小程序官方提供的上传方式，wx.uploadFile()只允许单文件上传，所以要搭配上for循环，来循环执行，而因为会有网络延时的问题会导致，某些时候表单已经提交了，但图片还没有提交，所以后台是接收不到图片的数据的。

所以我们就需要使用到ES6中的 async 和 await

强制将声明了async，不进行异步抛出当前线程，而是同步在当前的处理线程中执行，通俗一点就是，只有在执行完，声明了async的方法后，才会继续执行下面的方法。

以下给大家一个我写的代码例子：

upLicense: async function () {
  let that = this
  let path = that.data.license
  await http.upLoading(path, { type: 1 }).then(function (res) {
     let result = JSON.parse(res)
     if (result.error == 0) {
       that.setData({
       up_license: result.list.url
     })
     } else {
       modal.showToast(result.message, 'none')
   }
})

至于，视频，文件等类的上传都是差不多的，唯一不同的就是，在选取视频/文件等时，用的api不同；