上传文件限制格式为PDF和图片样式

Question

上传文件限制格式为PDF和图片样式，通过判断后缀名来进行限制，应该怎样处理

Answer 1

找一下上传之前的事件 这是参照element 实现的，对应改一下

beforeAvatarUpload(file) {
      var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
      const extension =
        testmsg === "jpg" ||
        testmsg === "JPG" ||
        testmsg === "png" ||
        testmsg === "PNG" ||
        testmsg === "pdf" ||
        testmsg === "PDF";
      const isLt50M = file.size / 1024 / 1024 < 10;
      if (!extension) {
        this.$message({
          message: "上传图片只能是jpg / png / pdf格式!",
          type: "error"
        });
        return false; //必须加上return false; 才能阻止
      }
      console.log(file);
      if (!isLt50M) {
        this.$message({
          message: "上传文件大小不能超过 10MB!",
          type: "error"
        });
        return false;
      }
      return extension || isLt50M;
    }

再有可以再input 标签的 accept
上传file时accept限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式

<input type="file" accept="image/*" />   

audio/* 接受所有的声音文件。
video/* 接受所有的视频文件。
image/* 接受所有的图像文件。
MIME_type 一个有效的 MIME 类型，不带参数。请参阅 IANA MIME 类型，获得标准 MIME 类型的完整列表。