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

上传文件限制格式为PDF和图片样式,如何判断后缀名,根据后缀名来进行限制文件样式。

img

找一下上传之前的事件 这是参照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;
    }

获取到文件名 ,截取出 后缀名 应该可以吧

 let name="111.pdf";
  let type=name.substring(name.lastIndexOf('.') + 1);//截取文件后缀名
  console.log(type)

img

文档里有此参数,可以看看