帮我写一个微信小程序前端传递图片到flask后端

下面是一个简单的微信小程序前端传递图片到flask后端的示例：

前端代码：

<!-- index.wxml -->
<view class="container">
  <button bindtap="chooseImage">选择图片</button>
  <image src="{{imageUrl}}" mode="aspectFit"></image>
  <button bindtap="uploadImage">上传图片</button>
</view>

// index.js
Page({
  data: {
    imageUrl: ''
  },
  chooseImage() {
    wx.chooseImage({
      success: (res) => {
        const tempFilePaths = res.tempFilePaths
        this.setData({
          imageUrl: tempFilePaths[0]
        })
      }
    })
  },
  uploadImage() {
    wx.uploadFile({
      url: 'http://localhost:5000/upload',
      filePath: this.data.imageUrl,
      name: 'image',
      success: (res) => {
        wx.showToast({
          title: '上传成功'
        })
      },
      fail: (res) => {
        wx.showToast({
          title: '上传失败'
        })
      }
    })
  }
})

后端代码：

# app.py
from flask import Flask, request

app = Flask(__name__)

@app.route('/upload', methods=['POST'])
def upload():
    file = request.files['image']
    file.save('image.jpg')
    return 'success'

if __name__ == '__main__':
    app.run()

在这个示例中，我们首先在前端使用`wx.chooseImage`选择一张图片，并将其保存在`imageUrl`变量中。然后，在点击“上传图片”按钮时，我们使用`wx.uploadFile`上传图片到服务器上的`/upload`路由。在后端，我们使用`request.files`获取上传的文件，并将其保存在服务器上。最后，我们返回一个简单的字符串表示上传成功。

需要注意的是，这个示例只是一个简单的演示，实际上在使用时还需要添加一些错误处理和安全检查。