el-upload上传多个文件 文件转成字符串

要实现将多个文件上传并转换为字符串的功能，可以使用以下步骤：

1. 在前端使用el-upload组件上传多个文件，可以使用multiple属性来允许用户选择多个文件。

2. 在上传成功的回调函数中，获取到上传的文件列表，使用FileReader对象将每个文件转换为字符串。

3. 将所有文件的字符串拼接在一起，可以使用Array.reduce()方法来实现。

以下是一个示例代码，可以将多个文件上传并转换为一个字符串：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :multiple="true"
    :on-success="handleSuccess"
    :show-file-list="false"
  >
    <el-button slot="trigger">选择文件</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleSuccess(response, file, fileList) {
      // 获取上传的文件列表
      const files = fileList.map((file) => file.raw)

      // 将每个文件转换为字符串
      const promises = files.map((file) => {
        return new Promise((resolve, reject) => {
          const reader = new FileReader()
          reader.onload = () => resolve(reader.result)
          reader.onerror = reject
          reader.readAsText(file)
        })
      })

      // 将所有文件的字符串拼接在一起
      Promise.all(promises).then((results) => {
        const str = results.reduce((acc, cur) => acc + cur, '')
        console.log(str)
      })
    },
  },
}
</script>

这个示例代码使用了Promise和async/await语法来处理异步操作，需要在项目中引入相关的polyfill库来支持。