用elementUI实现上传不限制文件类型

要实现上传不限制文件类型，可以使用 ElementUI 的 Upload 组件，并将 accept 属性设置为空字符串，如下所示：

<template>
  <el-upload
    class="upload-demo"
    action="//jsonplaceholder.typicode.com/posts/"
    :before-upload="handleBeforeUpload"
    :on-success="handleSuccess"
    :on-error="handleError"
    :file-list="fileList"
    :accept=""
  >
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只支持上传文件，且不超过 10MB</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleBeforeUpload(file) {
      const isLt10M = file.size / 1024 / 1024 < 10;
      if (!isLt10M) {
        this.$message.error("上传文件大小不能超过 10MB!");
      }
      return isLt10M;
    },
    handleSuccess(response, file, fileList) {
      this.fileList = fileList;
      this.$message.success("上传成功!");
    },
    handleError(error, file, fileList) {
      this.fileList = fileList;
      this.$message.error("上传失败!");
    }
  }
};
</script>

上述代码中，我们将 accept 属性设置为空字符串，这样就不会对上传文件的类型进行限制。在 handleBeforeUpload 方法中，我们可以通过 file.size 属性来判断上传文件的大小，如果超过了 10MB，就会弹出错误提示。在 handleSuccess 和 handleError 方法中，我们分别处理上传成功和上传失败的情况，并更新 fileList 属性。