微信小程序开发-上传图片功能（一）

很显然，图片上传分为两步：

1、在本地相册选择一张图片

2、上传图片到云存储

我们首先看第一步：

首先在.wxml文件中设置一个引导上传图片的图标，图标样式和位置可以自行确定：

<image class="uploadImg" bindtap="chooseImg" src="/images/uploadImg.png"></image>

接下来就是重点实现chooseImg的功能，微信提供了wx.chooseImage的方法，但今天早上看已经不推荐使用了，改用wx.chooseMedia了。

两者用法基本类似，chooseMedia覆盖图片和视频，而chooseImage只覆盖图片，前者通用性更强。当前场景下虽然图片类型已经足够，但既然官方推荐chooseMedia，那就用这个好了。

chooseImg: function (options) {
        wx.chooseMedia({
            count: 1,
            mediaType: ["image"],
            sizeType: ['compressed'],
            success (res) {
              console.log(res.tempFiles)
            }
          })
    }

此时点击图标，会出现提示选择图片的入口。

选择完成图片（根据参数里设置的count可以多选），我们从console可以看到，程序已经拿到了你选择图片的临时地址了。下一步就该考虑上传图片了。