wx.uploadFile 前端后台完整代码

`wx.uploadFile` 是微信小程序提供的用于上传文件的 API，它主要用于将本地的文件上传到微信服务器，然后再由服务器转发到后端服务器。这里我将为你提供一个简要的示例，包括前端和后端的代码。

### 前端代码（微信小程序）

在微信小程序中，你可以这样调用 `wx.uploadFile` 方法：

wx.chooseImage({
  success: (res) => {
    const tempFilePaths = res.tempFilePaths;
    wx.uploadFile({
      url: '你的服务器地址', // 开发者服务器的地址
      filePath: tempFilePaths[0],
      name: 'file',
      formData: {
        'user': 'test'
      },
      success(res) {
        console.log(res.data);
      }
    })
  }
});

在这个例子中，`wx.chooseImage` 用于选择图片，然后获取图片的临时路径，之后通过 `wx.uploadFile` 将图片上传到服务器。

### 后端代码（Node.js示例）

这里使用 Node.js 结合 Express 框架来处理上传的文件：

const express = require('express');
const multer = require('multer');
const app = express();

// 设置存储方式
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'uploads/') // 设置文件存放的目录
  },
  filename: function (req, file, cb) {
    cb(null, file.fieldname + '-' + Date.now())
  }
});

const upload = multer({ storage: storage });

// 设置路由处理文件上传
app.post('/upload', upload.single('file'), function (req, res) {
  // req.file 是 `avatar` 文件的信息
  // req.body 将包含文本字段（如果有的话）
  console.log(req.file);
  res.send('上传成功');
});

// 启动服务器
const PORT = 3000;
app.listen(PORT, function () {
  console.log(`服务器运行在 http://localhost:${PORT}`);
});

在这个 Node.js 的例子中，使用了 `multer` 中间件来处理文件的上传，`multer` 会将上传的文件存储在服务器的 `uploads/` 目录下。

### 注意事项
1. 你需要将 '你的服务器地址' 替换为你的实际服务器地址。
2. 上传图片或文件涉及到的后端存储路径，如 'uploads/'，需要你自己创建并确保有足够的权限。
3. 上传图片或文件前需要先配置好服务器的安全域名。