微信小程序开发上传图片

微信小程序开发中，上传图片通常涉及到`wx.uploadFile` API。以下是基本步骤：

1. **引入API**：首先，在需要上传图片的页面的.js文件里，需要导入`wx`对象，它包含了小程序的各种原生能力，包括文件操作。

Page({
  wx: wx,
})

2. **选择图片**：用户点击按钮后，可以使用`wx.chooseImage`来让用户从手机相册或相机选择图片。

chooseImage: function(e) {
  this.setData({
    imgList: [] // 初始化空数组用于存放选中的图片
  });
  wx.chooseImage({
    count: 1, // 可以选择的照片张数
    sizeType: ['original', 'compressed'], // 图片大小类型，原始、压缩
    sourceType: ['album', 'camera'], // 源类型，只能从相册或拍照
    success: function(res) {
      let tempFilePaths = res.tempFilePaths; // 返回选定图片的本地临时路径
      // 将图片添加到数据列表并进行上传
    }
  });
}

3. **上传图片**：在`success`回调函数内，你可以将获取到的临时图片路径(`tempFilePaths`)转换为永久存储的URL，然后使用`wx.uploadFile`发起网络请求。

// 对于每个选定的图片
for (let i = 0; i < tempFilePaths.length; i++) {
  wx.uploadFile({
    url: '你的服务器接口地址', // 上传至的服务器地址
    filePath: tempFilePaths[i], // 需要上传的文件路径
    name: 'file', // 文件名
    formData: { // 如果有其他表单字段一起发送，如token等
      key: 'image'
    },
    header: {}, // 请求头信息（如果需要）
    progressCallback: function(e) {
      console.log('上传进度：%.2f%%', e.progress * 100);
    },
    complete: function(res) {
      console.log('上传完成：', res);
    }
  });
}

4. **处理结果**：`complete`回调会告诉你上传是否成功，以及服务器返回的数据。

记得在实际项目中替换`url`为你自己的服务器接收图片的接口，并配置好对应的权限。