el-upload上传图片到后端node，并把图片存到数据库

在使用Element-UI库的`el-upload`组件上传图片到Node.js后端服务器并将图片保存到数据库时，通常涉及以下几个步骤：

1. **前端配置**:
- 使用`el-upload`组件，设置`action`属性为后端接收文件的URL，比如 `'/api/upload'`。
- 设置`onSuccess`回调函数，在图片上传成功后，从响应中获取新生成的图片ID。

<template>
  <el-upload
    :action="uploadUrl"
    :on-success="handleSuccess"
    :file-list="fileList"
    multiple
  >
    <el-button>点击选择图片</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: '/api/upload',
      fileList: [],
    };
  },
  methods: {
    handleSuccess(response, file) {
      // response 通常包含服务器返回的新图片URL和ID
      const imgId = response.data.id;
      // 可能还会存储URL到数据库
      this.saveImageToDatabase(imgId, response.data.url);
    },
    saveImageToDatabase(id, url) {
      // 使用axios或其他HTTP客户端库向数据库API发送POST请求，包含图片ID和URL
    },
  },
};
</script>

2. **后端处理**:
- Node.js后端需要创建一个路由，如`express`应用中，可以使用`multer`中间件处理文件上传。

   const express = require('express');
   const multer = require('multer');
   
   const storage = multer.diskStorage({
     destination: function(req, file, cb) {
       cb(null, 'uploads/')
     },
     filename: function(req, file, cb) {
       cb(null, file.originalname)
     }
   });

   const upload = multer({ storage });

   app.post('/api/upload', upload.single('image'), (req, res) => {
     // req.file 包含上传的文件信息，包括id、原名等
     // 将文件保存到数据库
     db.collection('images').insertOne(req.file, function(err, result) {
       if (err) throw err;
       res.send({ id: result.insertedId });
     });
   });

3. **数据库操作**:
- 根据你的数据库技术（MongoDB, MySQL, PostgreSQL 等），将图片数据插入对应的表或集合。

注意：这只是一个基础示例，实际项目中可能还需要考虑错误处理、验证以及分片存储等因素。同时，记得遵循后端的安全措施，例如限制上传文件大小和类型，以及对敏感信息进行加密处理。