vue+element 将上传的图片放在指定的文件夹

你可以使用 Vue.js 和 Element UI 来实现将上传的图片放在指定的文件夹中。下面是一个简单的示例代码：

首先，你需要在 Vue 组件中引入 Element UI 的 Upload 组件，并添加一个方法来处理上传的文件：

<template>
  <div>
    <el-upload
      action="/upload"  <!-- 上传文件的接口地址 -->
      :on-success="handleUploadSuccess"
    >
      <el-button type="primary">点击上传</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  methods: {
    handleUploadSuccess(response, file, fileList) {
      // 处理上传成功后的逻辑
      // response 包含服务器返回的数据
      // file 是当前上传的文件对象
      // fileList 是上传成功的文件列表
      // 可以在这个方法中将文件移动到指定的文件夹中
      // 例如，可以通过发送请求到后端来实现文件移动
    }
  }
}
</script>

然后，在后端服务器上，你需要接收上传文件的接口，并将文件移动到指定的文件夹中。这里以 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, 'path/to/your/folder');  // 指定文件夹的路径
  },
  filename: function (req, file, cb) {
    cb(null, file.originalname);  // 保留原始文件名
  }
});

// 创建一个 multer 实例来处理上传
const upload = multer({ storage: storage });

// 处理文件上传的接口
app.post('/upload', upload.single('file'), (req, res) => {
  // 文件上传成功后的逻辑
  // 可以在这里返回一些数据给前端
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上述代码中，`path/to/your/folder` 是你想要将上传的图片存放的文件夹的路径。你可以根据自己的需求进行修改。

请注意，上述代码仅提供了一个简单的示例，实际情况中可能需要进行更多的处理和验证。