### 微信小程序中用户头像图片上传至Flask后端的实现 #### 小程序前端部分 在微信小程序中，可以通过 `wx.getUserProfile` 或者 `wx.chooseImage` 获取用户的头像信息。如果需要直接获取用户的头像 URL，则可以使用 `wx.getUserInfo` 接口（需注意权限设置）。以下是具体代码示例： ```javascript Page({ uploadAvatar: function () { wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写 success: (res) => { const avatarUrl = res.userInfo.avatarUrl; // 用户头像URL this.uploadFileToServer(avatarUrl); }, fail: (err) => { console.error('获取用户信息失败:', err); } }); }, uploadFileToServer: function (url) { wx.downloadFile({ url: url, success: (downloadRes) => { if (downloadRes.statusCode === 200) { const tempFilePath = downloadRes.tempFilePath; wx.uploadFile({ url: 'http://your-flask-server.com/upload', // 替换为实际的Flask服务地址 filePath: tempFilePath, name: 'file', success: (uploadRes) => { console.log('上传成功:', uploadRes.data); }, fail: (err) => { console.error('上传失败:', err); } }); } }, fail: (err) => { console.error('下载失败:', err); } }); } }); ``` 上述代码实现了从小程序端获取用户头像并将其上传到服务器的功能[^1]。 --- #### Python Flask 后端部分 在 Flask 中，可以通过 `flask.request.files` 来接收文件流，并保存到本地或者进一步处理。以下是一个简单的 Flask 实现示例： ```python from flask import Flask, request import os app = Flask(__name__) @app.route('/upload', methods=['POST']) def upload_file(): if 'file' not in request.files: return {'error': 'No file part'}, 400 file = request.files['file'] if file.filename == '': return {'error': 'No selected file'}, 400 save_path = os.path.join(os.getcwd(), 'uploads', file.filename) os.makedirs(os.path.dirname(save_path), exist_ok=True) file.save(save_path) return {'message': f'File saved successfully at {save_path}'}, 200 if __name__ == '__main__': app.run(host='0.0.0.0', port=8080) ``` 此代码片段展示了如何通过 Flask 的 POST 请求接收来自小程序的文件流，并将其保存到指定路径下[^2]。 --- #### 注意事项 1. **跨域配置**：确保 Flask 服务允许小程序访问其 API。可以在 Flask 应用中引入 CORS 支持。 2. **安全性**：对于生产环境，建议对请求来源进行校验，防止恶意攻击。 3. **临时文件管理**：小程序中的头像链接可能具有时效性，因此需要及时下载并保存到服务器上[^3]。 ---