vue-simple-uploader限制上传类型

Vue-Simple-Uploader是一个轻量级的文件上传组件，它可以帮助你在Vue.js应用中轻松实现文件上传功能。如果你想限制用户上传的文件类型，Vue-Simple-Uploader通常支持自定义验证规则。

你可以通过设置`before-upload`或`validate`选项来自定义上传前的行为。这两个钩子允许你检查文件是否满足特定条件，例如文件类型、大小等。下面是一个简单的例子：

<template>
  <vue-simple-uploader :options="uploaderOptions" @file-added="onFileAdded"></vue-simple-uploader>
</template>

<script>
export default {
  data() {
    return {
      uploaderOptions: {
        beforeUpload(file) {
          // 检查文件类型
          const allowedTypes = ['image/jpeg', 'image/png', 'application/pdf'];
          if (!allowedTypes.includes(file.type)) {
            alert('只允许上传jpg, png和pdf类型的文件');
            return false; // 返回false阻止上传
          }
          return true;
        },
        // ...其他选项
      },
      onFileAdded(file) {
        console.log('文件添加:', file);
      }
    };
  }
};
</script>

在这个例子中，如果用户尝试上传非允许的文件类型，会弹出警告并停止上传。记得在实际项目中替换`allowedTypes`为你需要接受的文件类型列表。