微信小程序实现带参数的图片上传

1. 在wxml中，定义一个带有参数的图片上传组件：

<view class="upload-btn" bindtap="chooseImage">
  <image src="{{imageUrl}}" mode="aspectFill"></image>
</view>

2. 在js文件中，编写chooseImage函数，用于选择图片并上传：

chooseImage: function () {
  var that = this;
  wx.chooseImage({
    count: 1, // 选择图片的数量
    sizeType: ['compressed'], // 压缩图片
    sourceType: ['album', 'camera'], // 图片来源（相册或相机）
    success: function (res) {
      // 上传图片
      that.uploadImage(res.tempFilePaths[0]);
    }
  })
},

3. 编写uploadImage函数，用于将选择的图片上传到服务器：

uploadImage: function (filePath) {
  var that = this;
  wx.uploadFile({
    url: '服务器地址', // 上传图片的接口地址
    filePath: filePath, // 要上传的图片的本地路径
    name: 'file', // 后端接收文件的key
    formData: {
      'param1': 'value1', // 上传图片时需要传递的参数
      'param2': 'value2'
    },
    success: function (res) {
      // 上传成功后，将图片地址保存到imageUrl中
      that.setData({
        imageUrl: res.data
      })
    }
  })
},

4. 在app.js中配置服务器地址：

App({
  globalData: {
    serverUrl: 'http://localhost:8080' // 服务器地址
  }
})

5. 在uploadImage函数中，将服务器地址拼接到url中：

url: getApp().globalData.serverUrl + '/upload', // 上传图片的接口地址

6. 在后端接口中，根据参数param1和param2，进行相应的操作。