element_ui的前端文件上传到后端数据库，用文件缩略图来写，后端为ssm的代码

你可以按照以下步骤将前端通过 Element-UI 上传的文件传输到后端并存储到数据库中，并使用文件缩略图来展示：

前端代码（Vue.js + Element-UI）：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/uploadFile"
      :on-success="handleUploadSuccess"
      :file-list="fileList"
      :list-type="'picture-card'"
      :auto-upload="false"
      :multiple="true"
    >
      <i class="el-icon-plus"></i>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleUploadSuccess(response) {
      // 上传成功后的回调函数
      if (response.code === 200) {
        // 处理上传成功的逻辑，如更新文件列表等
        this.fileList.push(response.data);
      }
    }
  }
};
</script>

后端代码（SSM）：

@Controller
public class FileController {

    @Autowired
    private FileService fileService;

    @RequestMapping(value = "/uploadFile", method = RequestMethod.POST)
    @ResponseBody
    public Result uploadFile(MultipartFile file) {
        try {
            // 处理文件上传逻辑
            String fileId = fileService.uploadFile(file);

            // 返回上传成功的结果给前端
            return Result.success(fileId);
        } catch (Exception e) {
            e.printStackTrace();
            // 返回上传失败的结果给前端
            return Result.error("文件上传失败");
        }
    }
}

@Service
public class FileServiceImpl implements FileService {

    @Autowired
    private FileMapper fileMapper;

    @Override
    public String uploadFile(MultipartFile file) throws IOException {
        // 获取文件内容
        byte[] fileContent = file.getBytes();

        // 将文件内容存储到数据库中
        FileEntity fileEntity = new FileEntity();
        fileEntity.setFileName(file.getOriginalFilename());
        fileEntity.setFileSize(file.getSize());
        fileEntity.setFileContent(fileContent);
        fileMapper.insert(fileEntity);

        // 返回文件ID给前端
        return fileEntity.getId();
    }
}

在上述代码中，前端使用 Element-UI 的 Upload 组件进行文件上传，并通过 `handleUploadSuccess` 方法处理上传成功后的回调。后端使用 Spring MVC 框架接收前端发送的文件，并将文件内容存储到数据库中。你可以根据自己的业务需求，在数据库中添加一个字段来存储缩略图的信息，然后在前端页面中根据文件的ID获取缩略图并展示。

请注意，以上代码仅为示例，实际应用中还需要进行参数校验、异常处理、权限控制等操作，以确保文件上传的安全性和可靠性。