Vue上传文件时携带一个参数传入后端

可以使用 FormData 对象来实现上传文件时携带参数传入后端。具体实现步骤如下：

1. 创建一个 FormData 对象，并向其中添加上传文件和参数。

const formData = new FormData()
formData.append('file', file) // 添加上传文件
formData.append('param', 'value') // 添加参数

2. 使用 axios 发送 POST 请求，并将 FormData 对象作为请求体传入。

axios.post('/api/upload', formData).then(response => {
  // 处理响应数据
}).catch(error => {
  // 处理错误
})

3. 在后端代码中，使用相应的框架或库来解析 FormData 对象，并获取上传文件和参数。

例如，在 Node.js 中使用 express 和 multer 库来处理上传文件和参数：

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, Date.now() + '-' + file.originalname)
  }
})

const upload = multer({ storage: storage })

app.post('/api/upload', upload.single('file'), (req, res) => {
  const file = req.file // 获取上传文件
  const param = req.body.param // 获取参数
  // 处理上传文件和参数
})