微信小程序上传文件代码

以下是微信小程序上传文件的代码示例：

1. wxml 文件：

<button bindtap="chooseImage">选择图片</button>
<image src="{{imageUrl}}" mode="aspectFit"></image>

2. js 文件：

Page({
  data: {
    imageUrl: ''
  },
  chooseImage: function () {
    var that = this
    wx.chooseImage({
      count: 1, // 最多可以选择的图片张数
      sizeType: ['original', 'compressed'], // 所选的图片的尺寸
      sourceType: ['album', 'camera'], // 选择图片的来源
      success: function (res) {
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
        var tempFilePaths = res.tempFilePaths
        that.uploadImage(tempFilePaths[0])
      }
    })
  },
  uploadImage: function (filePath) {
    wx.showLoading({
      title: '上传中...',
    })
    var that = this
    wx.uploadFile({
      url: 'https://example.com/uploadImage', // 上传图片的接口地址
      filePath: filePath,
      name: 'image',
      success: function (res) {
        wx.hideLoading()
        var data = JSON.parse(res.data)
        if (data.code == 0) {
          that.setData({
            imageUrl: data.imageUrl
          })
        } else {
          wx.showToast({
            title: '上传失败',
            icon: 'none'
          })
        }
      },
      fail: function (res) {
        wx.hideLoading()
        wx.showToast({
          title: '上传失败',
          icon: 'none'
        })
      }
    })
  }
})

在这个示例中，当用户点击选择图片按钮时，会调用 wx.chooseImage 方法来选择一张图片；然后在选择成功后，会调用 uploadImage 方法来上传图片。在 uploadImage 方法中，会调用 wx.uploadFile 方法来上传图片，上传成功后会将返回的图片地址保存在页面的 imageUrl 变量中，并使用 image 组件来显示该图片。