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

在微信小程序开发中，图片选择与上传是一个常见的需求。本文将从实际应用场景出发，以代码案例的形式详细介绍如何实现图片选择与上传功能。

1. 图片选择

在微信小程序中，可以使用<input>组件的type属性为file来实现图片选择功能。具体操作如下：

首先，在页面的wxml文件中添加一个<input>组件用于选择图片：

<view>
  <input bindchange="chooseImage" type="file" accept="image/*" multiple="true" />
</view>

然后，在页面的js文件中定义一个chooseImage方法，用于处理选择图片的逻辑：

Page({
  chooseImage(e) {
    wx.chooseImage({
      count: 9, // 最多可以选择的图片张数，默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success(res) {
        // 返回选定照片的本地文件路径列表，tempFilePaths可以作为img标签