微信小程序开发中的图片选择与上传

微信小程序是一种基于微信平台的轻量级应用程序，具有开发周期短、上线快、用户体验好等特点。在微信小程序中，图片的选择与上传是一个非常重要的功能，本文将从以下几个方面进行讲解：

1. 图片选择

在微信小程序中选择图片有两种方式：

1.1 调用微信提供的API

微信提供了一个选择图片的API：wx.chooseImage，可以通过该API在小程序中打开手机相册，选择图片并返回图片的本地路径，代码如下：

wx.chooseImage({
  count: 1,   //最多可以选择的图片张数，默认9
  sizeType: ['original', 'compressed'],  //所选的图片的尺寸，默认原图和压缩图都可以
  sourceType: ['album', 'camera'], //选择图片的来源，默认为相册和相机都可以
  success: function (res) {
    //返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
    const tempFilePaths = res.tempFilePaths;
    // 在这里可以对图片进行处理
  }
})

 

在上面的代码中，count表示最多可以选择的图片数量，sizeType表示选择图片的尺寸，sourceType表示选择图片的来源。当选择图片成功后，将返回选定的照片的本地文件路径列表，开发者可以通过tempFilePaths拿到图片路径。

1.2 使用第三方组件

除了使用微信提供的API外，还可以使用第三方组件来实现图片选择功能。这里介绍一下微信官方提供的组件：wx-image